sass - CSSコンパスカスタムスプライト名

Question

ここで、コンパスを使用してスプライト画像を生成すると

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

私たちはこのような.cssクラスでゲートを悪くします

.imgs-<imagename>

「imgs」の部分を削除することはできますか？必要なのは.<imagename>

score 3 · Accepted Answer

その場合、魔法を使用しないでくださいall。それほど便利ではありませんが、問題なく動作します。カスタムクラス@importのスプライトと@include個々の画像のみ：

@import "imgs/*.png";

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

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

それを乾かすことによってあなたの人生をより簡単にしてください：

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

1 に答える 1