如何取消包含Sass mixin

Question

如何取消包含Sass mixin

4

我有一个应用于菜单的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;。

或者有更好的方法吗？

感谢所有建议。

- Petr Illek

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- cimmanon · Answer 1

使用媒体查询来在适当的时候应用样式。反复添加和删除会使你的CSS变得臃肿不必要。

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