如何取消sass混入
我在菜单上应用了这个mixin,我不想看到小分辨率:如何取消sass混入,sass,compass-sass,Sass,Compass Sass,我在菜单上应用了这个mixin,我不想看到小分辨率: @mixin visuallyhidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } 这个工作很好。但在更大的分辨率下,我将显示此菜单。显然,我可以重新设计和恢复这些属性(我已经准备好了)。但我在想,是否
@mixin visuallyhidden {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px; width: 1px;
margin: -1px; padding: 0; border: 0;
}
这个工作很好。但在更大的分辨率下,我将显示此菜单。显然,我可以重新设计和恢复这些属性(我已经准备好了)。但我在想,是否有一些内置的方法来移除混音——比如@uninclude visuallyhidden代码>
还是有更好的方法来做到这一点
感谢所有建议。使用媒体查询仅在适当时应用样式。执行和撤消会不必要地膨胀CSS
@media (max-width: 45em) {
.foo {
@include visuallyhidden();
}
}
我正在使用名为breakpoint的SASS,因此我可以使用@include-respond-to(在手机和平板电脑之间){…}
。所以没有内置的方法来恢复混音?没有。Sass不知道您已经设置了什么。如果你想撤销它,你必须自己去做(手工或者创建一个与你已经拥有的相应的mixin)。