我正在使用我的媒体查询删除框阴影 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 和 Compass。
最佳答案
正确的值为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);
}
}
关于css - 删除框阴影(SASS + Compass),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23677335/