Использование CSS-функции calc() в LESS
В CSS есть функция calc(), которая даёт возможность рассчитать значения свойств CSS во время их определения. Функция calc() принимает в качестве параметра математическое выражение, результат вычисления которого можно использовать как значение CSS свойства. Выражение может включать операторы +, -, *, / с использованием стандартных правил приоритета операторов. Можно использовать разные единицы измерения для каждого из операндов, а также можно использовать скобки, чтобы указать порядок вычисления.
Например:
.item {
width: calc(100% - 10px);
}
Но при использование препроцессора LESS нужно использовать немного другой вывод:
.item {
width: calc(~'100% - 10px');
}
Вариант использования функции calc() в LESS с переменными:
.item {
@pad: 10px;
width: calc(~'100% - @{pad}');
}
Все умеют подключать и использовать Google Fonts, это так просто и так популярно, но никто…
Вариант 1 — отрицательный отступ для родительского блока Самый простой способ установить минимальное расстояние между…
Допустим, у нас есть несколько nth-child элементов, к которым мы хотим применить различную задержку для…
Очень популярная функция на различных одностраничниках — плавный скролл к нужному элементу на этой же…