Compass에서 "use-percentageages"를 사용하는 방법은 무엇입니까?

Question

use_percentages을 사용하여 배경 위치가 백분율로 된 이미지 스프라이트를 생성하려고합니다. 그러나 SCSS 파일을 컴파일 한 후에도 background-position 선언은 여전히 ​​픽셀 단위입니다.

내 SASS 코드 :

@import "compass/utilities/sprites"; 

$sprite-layout:smart; 
$sprite-sprite-dimensions: true; 
$use-percentages: true; 

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

어떻게 스프라이트 이미지를 비율에 의해 위치 할 수 있습니까?

Answer 1

layout에 대해 이미 수행 한 것처럼 use-percentages 매개 변수를 지정할 때 변수에 스프라이트 맵의 이름을 포함시켜야합니다. 따라서 $use-percentages: true;을 $sprite-use-percentages: true;으로 변경하십시오.