開発者ドキュメント

SassMixin構文

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;
}
モバイルバージョンを終了