css - 我可以在SASS中将一堆样式规则包装在媒体查询和选择器中

我有一堆样式，这些样式仅适用于网站的桌面版本。我正在使用媒体查询来应用这些样式，但是为了避免在调整窗口大小时站点切换到移动设计，我现在还在屏幕大的情况下在页面加载时添加一个类。

此刻我有

@media (min-width: $breakpoint) {
   // my styles
}

我将如何编写一个mixin来实现类似

@media (min-width: $breakpoint),
.not-mobile {
   // my styles
}

最佳答案

这是我的解决方案

$breakpoint: 768px;

@mixin not-mobile {
  @media (min-width: $breakpoint) {
    @content;
  }
  .not-mobile {
    @content;
  }
}

关于css - 我可以在SASS中将一堆样式规则包装在媒体查询和选择器中，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15338837/