sass - 如何在 Compass 上使用“使用百分比”？

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

指定参数时，您必须在变量中包含精灵图的名称use-percentages，就像您已经为layout. 所以只需更改$use-percentages: true;为$sprite-use-percentages: true;.