Mixinsを使用して宣言の再利用可能なグループを作成します。 良い使用例は、多くのベンダープレフィックスを使用する必要がある場合です。 一度コーディングして、どこでも呼び出します。
@mixin column-count($nb-columns) {
-webkit-column-count: $nb-columns;
-moz-column-count: $nb-columns;
column-count: $nb-columns;
}
// Calling the mixin:
.two-columns { @include column-count(2); }
結果
上記のスニペットは、次のCSSを生成します。
.two-columns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}