Sass/Scssでデフォルト引数を指定する際の引数順序依存を改善する | ITハット

Sass/Scssでデフォルト引数を指定する際の引数順序依存を改善する SCSSは非常に便利で開発の効率も上がりますが、かゆいところに手が届かないといったことも結構あります。今回はその1つである、引数の順序依存を改善する方法を紹介します。 デフォルト引数とは たとえば、こんな関数を作ってみます。全体の幅とガター幅が分かっていて、均等分割したいとき、１カラムの横幅はいくつになるか求める関数です。 @function getColumnWidth($container : 1200, $column: 5, $gutter : 10) { @return ($container - ($column - 1) * $gutter) / $column; } こんな感じで記述すれば、１カラムの幅が算出できます。引数の $container は全体の幅、$column は分割数、$gutter は