如何取消包括sass mixin

Question

我在菜单上应用了这个mixin，我不希望看到小分辨率：

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

这工作正常。但是在更大的分辨率下，我将显示此菜单。显然我可以重新设置并恢复这些属性（我已经完成了它）。但我在想是否有一些内置的方法来删除mixins - 类似于@uninclude visuallyhidden;。

或者有更好的方法可以做到这一点吗？

感谢所有建议。

Answer 1

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

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