상자 그림자 (SASS + 나침반)

Question

내 미디어 쿼리와 함께 상자 그림자 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; 
    } 
} 

대신 재 정의 none으로 CSS를 내가했다 모든 공급 업체 접두사를 사용하지 더 우아한 sassier 방법이 있다면 궁금해? SASS와 Compass를 사용하고 있습니다.

Answer 1

올바른 값이 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); 
    } 
} 

Answer 2

그것을 투명하게 :

이

.myelements { 
    @include box-shadow(2px 2px 3px #000); 
} 

@media (max-width: 768px) { 
    @include box-shadow(0 0 0 0 rgba(0,0,0,0)); 
}