有沒有一種方法可以在〜運算符中使用Less中的變量，例如〜「calc（100％ - @spacing）」;

Question

有少~運營商使用變量的方式，像

~"calc(70% - @spacing)"; 

當我已經嘗試過了，只用靜態值就像

~"calc(70% - 10px)"; 

我能得到的字符串，先評估作爲一個財產設置。

Answer 1

要禁用它LESS自動進行計算髮現一個-兩者之間的數值，但仍然能夠使用變量的時候，你可以寫下列之一：

1）只有逃避觸發計算操作和使用該變量像平常一樣

@padding: 20px; 
body { 
    padding: calc(100% ~"-" @padding); 
} 

2）逃逸整個表達式和與@{padding}符號

@padding: 20px; 
body { 
    padding: ~"calc(100% - @{padding})"; 
} 

012內插變量

我更喜歡第二個版本，因爲它類似於javascript's template literals，看起來更清潔一點，但任何一種方式都可以正常工作。

這兩種解決方案禁用自動計算量少和編譯到正確的結果：

body { 
    padding: calc(100% - 20px); 
}