css - sass load mixin 有条件地基于媒体查询

Question

是否可以基于媒体查询加载/卸载 mixin？像这样:

@if @media (min-width: 768px) {
    @include mixin1;
}
@else {
    @include mixin2;
}

如果满足条件，则根本不应加载mixin2。

Answer 1

不是真的，sass 编译服务器端，不知道客户端的屏幕大小。编译后的 css 将用于所有屏幕宽度，因此:

@include mixin2;
@media (min-width: 768px) {
  @include mixin1;
}