Вопросы с тегом 'less'

Меньше - препроцессор таблиц стилей с открытым исходным кодом, который расширяет CSS с динамическим поведением, таким как переменные, миксины, операции и функции. Для команды UNIX используйте [less-unix].
5

Отключить LESS-CSS Overwriting calc()

Сейчас я пытаюсь сделать это в CSS3 в моем коде LESS: width: calc(100% - 200px); Однако, когда компиляция LESS выводит это: width: calc(-100%); Есть ли способ сообщить LESS не компилировать его таким образом и нормально выводить его?
28 июл. '13 в 1:20
7

Оптимальная практика настройки Bootstrap Twitter

Я работаю с Bootstrap 2.0.3, используя LESS. Я хочу настроить его очень интенсивно, но я хочу избегать внесения изменений в источник, когда это возможно, поскольку часто происходят изменения в библиотеках. Я новичок в LESS, поэтому не знаю, как его к...
04 мая '12 в 14:58
3

Менее агрессивные компиляции с CSS3 calc

Используемые мною компиляторы Less (OrangeBits и dotless 1.3.0.5) агрессивно переводя body { width: calc(100% - 250px - 1.5em); } в body { width: calc(-151.5%); } Это, очевидно, нежелательно. Мне интересно, есть ли способ сообщить компилятору L...
15 авг. '12 в 15:15
9

импортировать файл .css в файл .less

Вы можете импортировать файлы .css в .less файлы...? Я знаком с меньшим количеством и использую его для всех моих разработок. Я регулярно использую структуру следующим образом: @import "normalize"; //styles here @import "mixins"; @import "media-q...
25 июн. '12 в 20:33
2

Измените альфа-непрозрачность переменной LESS

Используя LESS, я знаю, что я могу изменить насыщенность или оттенок цветовой переменной. Это выглядит так: background: lighten(@blue, 20%); Я хочу изменить альфа-непрозрачность моего цвета. Предпочтительно: background: alpha(@blue, 20%); Есть ...
07 окт. '12 в 17:26
6

Конкатенация строк в Less

Я думаю, что это невозможно, но я думал, что попрошу, если есть способ. Идея состоит в том, что у меня есть переменная для пути к папке веб-ресурса: @root: "../img/"; @file: "test.css"; @url: @root@file; .px { background-image: url(@url); } Я...
21 апр. '12 в 5:11
3

Как преобразовать цвет HEX в rgba с помощью компилятора Less?

У меня есть следующий код: @color : #d14836; .stripes span { -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; background-image: -webkit-gradient(linear, left top, right bottom, col...
13 февр. '13 в 18:54
7

Есть ли SASS.js? Что-то вроде LESS.js?

Я раньше использовал LESS.js. Он прост в использовании, что-то вроде <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> Я видел SASS.js. Как я могу использовать ег...
14 дек. '10 в 6:51
12

Как использовать пространство имен для Twitter-бутстрапа, поэтому стили не конфликтуют

Я хочу использовать Twitter Bootstrap, но только по конкретным элементам, поэтому мне нужно выяснить способ префикса всех классов Twitter Bootstrap с помощью моего префикса или использовать меньшее количество миксинов. Я не испытываю этого, но я не с...
20 дек. '12 в 6:06
4

Непосредственный детский селектор в МЕНЬШЕ

В любом случае, чтобы LESS применял непосредственный дочерний селектор ( > ) в своем выходе? В моем стиле. Я хочу написать что-то вроде: .panel { ... > .control { ... } } и LESS генерируют что-то вроде: .panel > .con...
13 нояб. '11 в 7:38
10

Как использовать шрифт-удивительные значки из node -модулей

Я установил значки шрифта 4.0.3 с помощью npm install. Если мне нужно использовать его из node -модулей, как мне его использовать в html файле? Если мне нужно отредактировать файл меньшего размера, мне нужно его отредактировать в node -modules?
28 янв. '14 в 13:14
2

МЕНЬШИЕ классы вложенности CSS

Я использую LESS для улучшения моего CSS и пытаюсь вложить класс в класс. Там довольно сложная иерархия, но по какой-то причине мое гнездование не работает. У меня есть это: .g { float: left; color: #323a13; .border(1px,#afc945); .gr...
25 февр. '11 в 12:19
1

Можно ли использовать vh минус пиксели в CSS calc()?

У меня есть следующее правило CSS в файле Less: .container { min-height: calc(100vh - 150px); } Который не работает вообще. Я хочу сделать контейнер полной высоты окна и минус заголовок, фиксированная высота нижнего колонтитула. Как я могу это ...
02 дек. '14 в 18:55
4

Вычисление ширины от процента к пикселю, а затем минус по пикселю в LESS CSS

Я буду вычислять ширину в каком-то элементе от процента к пикселю, поэтому я буду минус -10px с помощью LESS и calc(). Это возможно? div { span { width:calc(100% - 10px); } } Я использую CSS3 calc(), поэтому он не работает: ca...
11 февр. '13 в 14:55
1

У LESS есть функция "расширения"?

SASS имеет функцию под названием @extend, которая позволяет селектору наследовать свойства другого селектора, но без копирования свойств (например, mixins). У LESS есть эта функция?
17 мар. '13 в 19:07