根据媒体查询更改mixin

Question

我想根据视口大小更改@mixin变量。我教过我可以这样做：

@mixin site-wrapper {
    width:96%;
    padding:2%;
}

@media screen and (min-width: 37.5em) {
    @mixin site-wrapper {
        max-width:$size__site-wrapper;
        margin:0 auto;
    }
}

但这似乎不起作用。这是以某种类似的方式行事吗？

Answer 1

似乎如果我只是更改媒体查询的顺序和mixin就可以了，就像这样：

Drawable