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

jquery - How do you format the date used in the popover widget title of FullCalendar? -

asp.net mvc - SSO between MVCForum and Umbraco7 -

Python Tkinter keyboard using bind -