Функции вроде concat у less нет, но есть возможность подстановки переменных в строковою константу. Этим мы и воспользуемся.
Начну с примера, чтобы показать некоторые нюансы. Допустим, мы хотим задать выражение вроде:
|
1 2 |
@navbar-height: 70px; height: calc(100vh - @navbar-height); |
LESS тут раcсчитает выражение, и мы получим в CSS вместо желаемого:
|
1 |
height: calc(30vh); |
Нам нужно, чтобы константу рассчитал браузер, для этого превратим выражение в строку и добавим впереди тильду:
|
1 |
height: ~"calc(100vh - @{navbar-height})"; |
В любом случае, если нужно сложить строки, то используйте подстановку переменных в константу:
|
1 2 3 |
@str1: "строка 1"; @str2: "строка 2"; @summa: "@{str1}@{str2}"; |
