1

変数を別の変数の計算値にリンクするにはどうすればよいですか?

私がやること：

$height:                25px;
$size:                  calc(#{$height} - 10px);
$margin:                calc(#{$radiosize} /4);
$padding:               calc(#{$radiosize} *2);

何が起こるのですか：

$height:                25px;
$size:                  15px;
$margin:                /*does not work*/;
$padding:               /*does not work*/;

CodePen デモ

4

3 に答える 3

2

calc()関数を別の calc() 内にネストすることはできません。

現在コンパイルされている CSS:

margin: calc(calc(25px - 10px) /4); /* Incorrect syntax */
padding: calc(calc(25px - 10px) *2); /* Incorrect syntax */

解決：

サイズ変数を直接計算します。

$size: $height - 10px;

分岐コードペン

于 2015-09-24T08:14:26.710 に答える