sass - change mixin depending on media query -


i change @mixin variable depending on viewport size. taught this:

@mixin site-wrapper {     width:96%;     padding:2%; }  @media screen , (min-width: 37.5em) {     @mixin site-wrapper {         max-width:$size__site-wrapper;         margin:0 auto;     } } 

but did not seemed work. doable in similar way?

it seems if change order of media query , mixin works, this:

@mixin site-wrapper {     width:96%;     padding:2%;     @media screen , (min-width: 37.5em) {         max-width:$size__site-wrapper;         margin:0 auto;    } } 

Comments

Popular posts from this blog

python - Installing PyDev in eclipse is failed -

PHP OOP-based login system -

c# - Nested Internal Class with Readonly Hashtable throws Null ref exception.. on assignment -