LESS関数におけるオプションパラメータ

関数のパラメータはオプションにすることができます。 そのためには、デフォルト値を設定する必要があります。 この場合、関数を呼び出す際にパラメータの値を指定せず、 設定されたデフォルト値が使用されます。例を見てみましょう。

要素の色を設定する関数があるとします：

styles.less.color(@c) {
  color: @c;
}

色のパラメータをオプションにし、デフォルト値としてredを持つようにしましょう：

styles.less.color(@c: red) {
  color: @c;
}

では、パラメータを指定してこの関数を呼び出してみましょう：

styles.lessdiv {
  .color(green);
}

次に、パラメータを指定せずに関数を呼び出してみましょう：

styles.lessdiv {
  .color();
}