Snugug / eq.js

Lightweight JavaScript powered element queries
http://eqjs.io/
MIT License
527 stars 34 forks source link

Sass eq mixin #57

Closed christianmagill closed 9 years ago

christianmagill commented 9 years ago

I'm having some problems with the eq sass mixin.

Using the following code

.testing{ padding: 10px; background: #f3f3f3; @include eq-pts(( small: 400, medium: 500, large: 700 )); @include eq(small){ background: lighten(blue, 50%); } @include eq(medium){ background: lighten(green, 50%); } @include eq(large){ background: lighten(red, 50%); } }

The CSS output is.

.testing{padding:10px;background:#f3f3f3;} .testing:before{display:none;content:"small: 400, medium: 500, large: 700"} .testing .testing[data-eq-state$=small]{background:#fff} .testing .testing[data-eq-state$=medium]{background:#80ff80} .testing .testing[data-eq-state$=large]{background:#fff}

This of course stops it from working.

Using gulp-sass 2.0.4 and eq.js 1.7.1

Snugug commented 9 years ago

Duplicate of https://github.com/Snugug/eq.js/issues/48