Функции вроде concat у less нет, но есть возможность подстановки переменных в строковою константу. Этим мы и воспользуемся.
Начну с примера, чтобы показать некоторые нюансы. Допустим, мы хотим задать выражение вроде:
|
|
@navbar-height: 70px; height: calc(100vh - @navbar-height); |
LESS тут раcсчитает выражение, и мы получим в CSS вместо желаемого:
Нам нужно, чтобы константу рассчитал браузер, для этого превратим выражение в строку и добавим впереди тильду:
|
|
height: ~"calc(100vh - @{navbar-height})"; |
В любом случае, если нужно сложить строки, то используйте подстановку переменных в константу:
|
|
@str1: "строка 1"; @str2: "строка 2"; @summa: "@{str1}@{str2}"; |
less
Данная запись опубликована в 04.04.2019 17:14 и размещена в рубрике Программирование.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Август 29, 2019 г.
Небольшие векторные элементы очень удобно вставлять как часть CSS кода. Хочу показать пример, как сделать их еще и параметрически зависимыми, при компиляции из LESS.
К примеру, при ребрендинге или использовании кусочка стилей на другом сайте, вы ...
Читать
Декабрь 2, 2018 г.
Lessc не имеет ключа 'слежения', чтобы выполнять перекомпиляцию при изменении less файлов проекта, как например это сделано у sass компилятора. Это весьма не удобно на этапе верстки шаблона из макета.
Для отслеживания я установил UNIX утилиту inotify. ...
Читать
Сентябрь 24, 2017 г.
Препроцессоры Less и Sass, на мой взгляд, это какая то переходная ступень. Со временем, я надеюсь, функционал расширений будет реализован в CSS. Но ждать ...
Читать
Июнь 2, 2019 г.
Вкусив однажды всех радостей от использования препроцессора, сложно себя заставить работать с нативным CSS. Посмотрим как подключить LESS к вашей теме на WP.
Т.к. уже есть готовые решения, то воспользуемся одним из них. Плагин WP-LESS сделает большую ...
Читать