box-shadowとかのミックスインを@includeする時の記述パターン - jsdo.it - Share JavaScript, HTML5 and CSS

3.2からはパターン1か3ですかねー。 初期値を使う場合 .sample0 { @include box-shadow; // ↓でもOK @include box-shadow(); } 記述パターン1 引数を改行なしで書く .sample1 { @include box-shadow(0px 0px 10px #88aa88, 2px 6px 10px #88aa88); } 記述パターン2 いったん変数に入れる 宣言ブロック内の上部にまとまるのがポイント 3.2よりも前だとこうしてた ↓↓ .sample2 { $box-shadow: 0px 0px 10px #88aa88, 2px 6px 10px #88aa88; @include box-shadow($box-shadow); } 記述パターン3 ,（カンマ）ごとに改行を入れる リスト扱いだから途中で改行が入っても大丈夫