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