CSS3 calcを使用したそれほど積極的でないコンパイル

レス私は（使用していることをコンパイラOrangeBitsとドットなし1.3.0.5は）積極的に翻訳しています

body { width: calc(100% - 250px - 1.5em); }

に

body { width: calc(-151.5%); }

これは明らかに望ましくありません。Lessコンパイラーに信号を送って、コンパイル中に属性を本質的に無視する方法があるかどうか疑問に思っています。Lessのドキュメントと両方のコンパイラのドキュメントを検索しましたが、何も見つかりませんでした。

LessまたはLessコンパイラはこれをサポートしていますか？

そうでない場合、CSSエクステンダーはありますか？

Lessはcalc以来、デフォルトで内部の式を評価しなくなりましたv3.00。

元の回答（Less v1.x...2.x）：

これを行う：

body { width: calc(~"100% - 250px - 1.5em"); }

Less 1.4.0 strictMathsでは、すべてのLessの計算を大括弧で囲む必要があるオプションが用意されているため、calcはそのまま使用できます。これは大きな重大な変更であるため、これはオプションです。1.4.0の初期のベータでは、このオプションがデフォルトでオンになっています。リリースバージョンでは、デフォルトでオフになっています。

calcの非常に一般的な使用例は、100％の幅を取り、要素の周りにマージンを追加することです。

次のようにしてこれを行うことができます：

@someMarginVariable = 15px;

margin: @someMarginVariable;
width: calc(~"100% - "@someMarginVariable*2);
width: -moz-calc(~"100% - "@someMarginVariable*2);
width: -webkit-calc(~"100% - "@someMarginVariable*2);

同じ結果を持ついくつかのエスケープオプションがあります。

body { width: ~"calc(100% - 250px - 1.5em)"; }
body { width: calc(~"100% - 250px - 1.5em"); }
body { width: calc(100% ~"-" 250px ~"-" 1.5em); }

この投稿で説明されているように、エスケープされたcalc内に変数を含めるための整然とした方法があります。CSS3のcalc（）関数はLess＃974では機能しません

@variable: 2em;

body{ width: calc(~"100% - @{variable} * 2");}

中括弧を使用することで、エスケープする引用符を閉じて再度開く必要がなくなります。