css/sass로 스프라이트 크기 조절

Question

나는 이미지를 만들기 위해 sass 이미지 스프라이트와 span 태그를 사용하고 있습니다. 나는 지금이 심상을 사이즈를 바꾸는 문제가 있고있다. background-size을 사용하면 어떻게 든 선택한 스프라이트뿐만 아니라 전체 스프라이트 아틀라스에도 적용됩니다.

스프라이트 이미지의 크기를 조정하려면 어떻게해야합니까? 이 같은

예제 코드, I 설치 스프라이트 :

@import "compass/utilities/sprites/sprite-img"; 
@import "icons/*.png"; 
@include all-icons-sprites; 

그리고는 내가 클래스 태그를 사용할 수 있나요, 아니면 제가 직접하는 SCS의 파일에 언급 새로운 클래스 생성 :

.more span.right-icon { 
    @include icons-sprite('item-more'); 
} 

Answer 1

을

주위를 둘러 볼 방법이 없습니다. 이미지는 전체적으로 간주되고 스프라이트는 단지 로직 내부 가이드 일뿐입니다.

그러나 background-size에 적용한 변경 사항에 따라 image-position을 다시 계산할 수 있습니다.