sass - 如何取消混入 SCSS

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

@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;。

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

感谢所有建议。

最佳答案

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

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

关于sass - 如何取消混入 SCSS ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18450554/