我正在使用指南针/ sass的现有项目。在这种情况下,加载了一个全局(可以这么说)topnavigation.scss
,它定义了一个样式,用于我们为客户创建的任何设计/皮肤。
在该文件中定义了mixin:
@mixin box-shadow($val...) {
-webkit-box-shadow: $val;
box-shadow: $val;
}
并像这样使用:
.topnavigationHolder {
// other stuff ...
@include box-shadow (0px 2px 9px 0px rgba(96, 125, 139, 0.6));
// other stuff ...
}
现在我们为客户创建了一个特殊的设计/皮肤。上面提到的文件已加载,但客户设计/浏览不应在.topnavigationHolder
显示框阴影。只需在导入上述文件的“他的”.scss中添加box-shadow: none
即可。
如何覆盖继承的(正确的术语?)属性box-shadow?