Функции вроде 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 и размещена в рубрике Программирование.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Июнь 2, 2019 г.
Вкусив однажды всех радостей от использования препроцессора, сложно себя заставить работать с нативным CSS. Посмотрим как подключить LESS к вашей теме на WP.
Т.к. уже есть готовые решения, то воспользуемся одним из них. Плагин WP-LESS сделает большую ...
Читать
Август 29, 2019 г.
Небольшие векторные элементы очень удобно вставлять как часть CSS кода. Хочу показать пример, как сделать их еще и параметрически зависимыми, при компиляции из LESS.
К примеру, при ребрендинге или использовании кусочка стилей на другом сайте, вы ...
Читать
Сентябрь 24, 2017 г.
Препроцессоры Less и Sass, на мой взгляд, это какая то переходная ступень. Со временем, я надеюсь, функционал расширений будет реализован в CSS. Но ждать ...
Читать
Декабрь 2, 2018 г.
Lessc не имеет ключа 'слежения', чтобы выполнять перекомпиляцию при изменении less файлов проекта, как например это сделано у sass компилятора. Это весьма не удобно на этапе верстки шаблона из макета.
Для отслеживания я установил UNIX утилиту inotify. ...
Читать