CSS 나침반 사용자 정의 스프라이트 이름

Question

이제 우리는 "imgs"부분을 삭제

@import "imgs/*.png"; 
@include all-imgs-sprites; 

우리는이

.imgs-<imagename> 

같은 우리의 .CSS 클래스에서 아픈 게이트 것이 가능 나침반 ​​

를 사용하여 스프라이트 이미지를 생성하는 경우? 난 단지 .<imagename>

Answer 1

마법의 all을 사용하지 마십시오. 그것은 편리하지는 않지만 잘 작동합니다. 사용자 정의 클래스에서 그냥 @import 스프라이트와 @include 개별 이미지 :

@each $file in circle, square { 
    .#{$file} { 
     @include imgs-sprite($file); 
    } 
} 

을 :

@import "imgs/*.png"; 

.circle { 
    @include imgs-sprite('circle'); 
} 

.square { 
    @include imgs-sprite('square'); 
} 

것은 그것을 건조에 의해 당신의 인생을 간단하게