我正在使用媒体查询删除框阴影CSS:
.myelements {
@include box-shadow(2px 2px 3px #000);
}
@media (max-width: 768px) {
.myelements {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
}
不是将css重新定义为none
并且必须使用所有供应商前缀,而是想知道是否有更优雅的sassier方式?我正在使用SASS和指南针。
答案 0 :(得分:4)
正确的值为none
:
.myelements {
@include box-shadow(2px 2px 3px #000);
}
@media (max-width: 768px) {
.myelements {
@include box-shadow(none);
}
}
但是,您应尽可能避免重复设置/取消设置属性以获取较小的CSS文件:
.myelements {
// nothing
}
@media (min-width: 768px) {
.myelements {
@include box-shadow(2px 2px 3px #000);
}
}
答案 1 :(得分:1)
让它透明:
.myelements {
@include box-shadow(2px 2px 3px #000);
}
@media (max-width: 768px) {
@include box-shadow(0 0 0 0 rgba(0,0,0,0));
}