SASSにおけるセレクター部分の結合
一つのクラスの部分さえも結合することができます。 例えば、次のように:
.button {
&-ok {
color: green;
}
&-cancel {
color: red;
}
}
結果、コンパイル後には以下のコードが生成されます:
.button-ok {
color: green;
}
.button-cancel {
color: red;
}
以下のコードを簡略化してください:
.label-success {
color: green;
}
.label-warning {
color: yellow;
}
.label-error {
color: red;
}