2016-09-20 7 views
0

'の計算値(X + Y)' を出力 'CALC(Z)' I次のCSS規則を有する:少ないCSS:だけでなく 'Z'

@somevar = 8px 
.someclass { width: calc(8px + @somevar); } 

(2.7.1 lessc)処理した後、それを出力:

.someclass { width: calc(16px); } 

しかし、「CALC()」操作は、古いブラウザでは無視され、計算すべき事項はありませんので、それは明らかに、ここで必要ではないです。

あなたはcalcがあなたの出力に表示したくない場合はだから私は、出力

.someclass { width: 16px; } 
+1

'だけでやるのx + y' ... – YOU

+0

許を? Lolでも私はいくつかのctrl-f-ingをしています:P – REJH

答えて

3

にそれを得るのですか、入力中にそれが含まれていません。

コメントで指摘されているように、lessコンパイラではcalcは不要です。これはCSS関数です。

だから、これは動作します:

@somevar: 16px; 
.someclass { width: 16px + @somevar; } 

出力:作品

.someclass { width: 32px; } 
+1

おそらく、 'calc'はCSSの一部であり、lessのものではないことに言及するべきでしょう。 –

+1

編集を提案しました。ピアレビューが必要です。 – REJH

+1

@REJH完了、ありがとう! – Thomas

関連する問題