私はCSS calc()
式を含むLESS変数を持ち、この変数を別のcalc()
式の中で使用したいと思います。 CSS仕様ではネストされたcalc()
式を使用できますが、すべてのブラウザがこれをサポートしているわけではありません(IE/Edge)。LESS CSSを使ってcalc()をマージします
ネストされたcalc()
式は本質的に実用的ではないので(プリプロセッサ変数を使用する副作用です)、LESSを使用して1つの式にマージすることは可能でしょうか。これに代えて
calc(50px + (5rem/10px))
:
@var1: ~"calc(5rem/10px)";
@var2: ~"calc(50px + "@var1~")";
にコンパイルするには、次の例により、
は、私はこれが欲しい
calc(50px + calc(5rem/10px))
は、ありません、以下が特に後(calc'事がある 'というものの絶対にないアイデアを持っていませんあなたはそれを '〜" ''に入れます)。これは、変数の値としてそのような 'calc'式を持たない理由です。あなたは 'clean-css'を使うことができます。私が間違っていなければ、もっと積極的なオプションの下で' calc'を余分に動かすべきです。 –