Результаты поиска по запросу "less"
МЕНЬШЕ смешивать имя переменной класса
Я использую Font Awesome 4.0.0 и хочу сделать что-то вроде этого в LESS: .btn-github { .btn; .btn-primary; margin-left: 3em; i { .@{fa-css-prefix}; .@{fa-css-prefix}-github; .@{fa-css-prefix}-lg; margin-right: 1em; } }Это не компилируется с ...
Шаг 2: Скомпилируйте объединенный файл .less.
я есть каталог, полный меньше файлов CSS. Каков наилучший способ скомпилировать их в нормальный CSS? (для развертывания) Я хотел бы выполнить команду следующим образом: lessc -r less/ css/где lessc - это компилятор less (устанавливается ...
Загрузка переменных в препроцессор LESS CSS из файла JSON
Можно ли загрузить переменные в препроцессор LESS CSS из файла JSON, как это можно сделать с помощью Stylus? С содержимым файлаmyvars.json { "color1": "#112345", "color2": "#667890" }В стилусе я делаю ... json('myvars.json') body{ ...
Было бы замечательно, если бы в документации упоминался этот вариант !! Спасибо за исправление, это намного лучшее решение !!
му я пытаюсь создать LESS-миксин, который берет число (градусы для поворота) и выводит правильный css для поворота элемента. Проблема в том, что я не могу найти способ написать «270deg» и «3» (270/90) для IE. Вот что я ...
LESS - использовать переменную nth-child в строке
Конечно, есть способ переписать следующее в LESS? #bg-slider{ li:nth-child(1){ background:url('../images/bg1.jpg'); } li:nth-child(2){ background:url('../images/bg2.jpg'); } li:nth-child(3){ background:url('../images/bg3.jpg'); } }Я ...
Небольшое улучшение, но добавляет немного элегантности.
ользуюМЕНЬШЕ CSS [http://lesscss.org]. В настоящее время я использую Mixins с переменными. Что-то вроде этого работает хорошо: .border-radius (@radius) { border-radius: @radius; } #header { .border-radius(4px); }Этоне : .bg-img(@img) { ...
- Я почти хочу поднять этот неправильный ответ, потому что именно он заставил меня проверить свой код и увидеть, что я пропустил
могу заставить less.js работать и не знаю почему. Вот HTML, который я попробовал: <!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8" /> <!-- CSS --> <link rel="stylesheet/less" href="main.less" /> <!-- Javascript --> <!-- ...
Сохранение пробелов в LESS, экранирование для операндов calc в CSS3
Я хотел бы выразить следующий CSS в LESS: .a { min-height: calc(2em + 4px); }Итак, чтобы LESS не пытался выполнить вычисление, я написал выражение, используя LESSизбегая синтаксиса [http://lesscss.org/#-escaping]: .a { min-height: ~'calc(2em + ...
Проблема компиляции в Bootstrap 3 с пространством имен
Любая идея, почему некоторые стили ломаются, когда я компилирую Bootstrap 3, используя Crunch / WinLESS. Я использую этот код для начальной загрузки пространства имен. .namespace-bs { @import "less/bootstrap.less"; }Для большинства стилей ...
Могу ли я сделать математику в рамках LESS CSS-интерполяции?
У меня есть это меньше, и я не могу понять, как сделать математику в строке @bp-tablet-landscape: 1024px; @bp-tablet-portrait : 768px; @tablet-landscape-only: ~"only screen and (min-width:@{bp-tablet-portrait} + 1) and (max-width: ...