sass - 如何取消混入 SCSS

Question

我已经将此混入应用在菜单上，我不想以小分辨率查看:

@mixin visuallyhidden { 
  position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height: 1px; width: 1px; 
  margin: -1px; padding: 0; border: 0; 
}

这工作正常。但是在更高的分辨率下，我将显示此菜单。显然，我可以重新设置样式并还原这些属性(我已经做好了)。但是我在考虑是否有一些内置的方法来删除mixin-类似于 @uninclude visuallyhidden;。

还是有更好的方法来做到这一点？

感谢所有建议。

Answer 1

使用媒体查询仅在适当时应用样式。进行和撤消不必要地会使CSS膨胀。

@media (max-width: 45em) {
    .foo {
        @include visuallyhidden();
    }
}