如何取消包含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; 
}

这很好用。但在更大的分辨率下，我会显示此菜单。很明显，我可以重新设计和恢复这些属性（我已经做好了准备）。但我在想，是否有一些内置的方法来删除mixin——比如@uninclude visuallyhidden;。

或者有更好的方法吗？

谢谢你的建议。

Answer 1

使用媒体查询仅在适当的时候应用样式。做和取消不必要的膨胀你的CSS。

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