Czy istnieje sposób użycia zmiennych w Less dla operatora ~, np. ~ "Calc (100% - @spacing)";

Question

Czy istnieje sposób używać zmiennych w krótszym ~ operatora, jak

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

Kiedy próbowałem to działa tylko z wartościami statycznymi jak

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

mogę otrzymać ciąg być ocenione przed do bycia ustawionym jako własność.

Answer 1

Aby wyłączyć obliczanie których mniej jest automatycznie po wykryciu do - pomiędzy dwiema wartościami liczbowymi, ale nadal jest w stanie używać zmiennych, można napisać jedną z następujących czynności:

1) uciec Tylko operatora, który wywołuje obliczenia i użyć zmiennej jak zwykle zrobić

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

2) Ucieczka cały wyraz i interpolacji zmienną z @{padding} notacji

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

Preferuję drugą wersję, ponieważ przypomina ona javascript's template literals i wygląda nieco czystsze, ale tak czy inaczej działa dobrze.

Oba rozwiązania wyłączyć automatyczne Mniej obliczenia i skompilować do prawidłowego wyniku:

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