删除框阴影(SASS +指南针)

时间:2014-05-15 11:47:55

标签: css sass compass-sass

我正在使用媒体查询删除框阴影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和指南针。

2 个答案:

答案 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));
}