css - スマートなレイアウトと間隔でコンパスを使用してスプライトを生成する

Question

ドキュメントhttp://compass-style.org/help/tutorials/spriting/sprite-layouts/のようなスプライトファイルにスマートレイアウトを適用したいSASS Compressでいくつかのスプライトを生成しようとしています

これはうまくいきます：

$sprites: sprite-map("sprite/*.png", $spacing: 20px);

しかし、レイアウトを追加すると壊れます。間隔もスマートなレイアウトもありません:

$sprites: sprite-map("sprite/*.png", $layout: smart, $spacing:

生成されたスプライトにスマートレイアウトを適用するにはどうすればよいですか?

更新しばらくして、これが機能するようになりました：

$sprite-spacing: 20px;
$sprite-layout: smart;
@import "sprite/*.png";
@include all-sprite-sprites;

しかし、今では間隔を機能させることができません。スプライトはスマートですが、スペーシングはありません。

score 1 · Accepted Answer

スマートレイアウトを使用する場合、間隔を設定することはできません#718。

score 0 · Accepted Answer

これは私が作成した簡単なソリューションで、非常にうまく機能します。GitHubで確認してください

3 に答える 3