web-dev-qa-db-ja.com

オプションのパラメーターを使用した混合が少ない

次のように定義されたLessミックスインがあります。

.fontStyle(@family, @size, @weight: normal, @style: normal, @color: #ffffff, @letter-spacing: normal) {
  font-family: @family;
  font-size: @size;
  color: @color;
  font-weight: @weight;
  font-style: @style;
 letter-spacing: @letter-spacing;
}

次のように使用法を定義するにはどうすればよいですか？

.fontStyle('NimbusSansNovCon-Reg', 12px, , , , 0.1em);

I.E. @weight、@style、@colorのデフォルトを使用

cssparameterslessmixins
26
Justin

引数の文字列のはるか下にあるパラメーターを指定するには、定義する予定の変数も指定する必要があります。したがって、この：

.fontStyle('NimbusSansNovCon-Reg', 12px, @letter-spacing: 0.1em);

これを生成します（color、font-weight、font-styleはデフォルトを使用）：

font-family: 'NimbusSansNovCon-Reg';
font-size: 12px;
color: #ffffff;
font-weight: normal;
font-style: normal;
letter-spacing: 0.1em;
29
ScottS

ドキュメントを見る

http://lesscss.org/features/#mixins-parametric-feature-mixins-with-multiple-parameters

注：一部のcss値にはコンマを含めることができるため、パラメーターを区切るためにセミコロンを使用する習慣を身に付ける必要があります。

3
Simon_Weaver