Вопросы с тегом «less»

В Меньше компиляторы, я использую ( OrangeBits и Dotless 1.3.0.5 ) агрессивно перевод body { width: calc(100% - 250px - 1.5em); } в body { width: calc(-151.5%); } Что явно не желательно. Мне интересно, есть ли способ дать сигнал компилятору Less, чтобы он по существу игнорировал атрибут во время компиляции. …

336 css  compilation  less  css-calc 

Закрыто . Этот вопрос основан на мнении . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы ответить на него фактами и цитатами, отредактировав этот пост . Закрыто 6 лет назад . Улучшить этот вопрос Я работаю с Bootstrap 2.0.3, используя LESS. Я хочу широко …

285 twitter-bootstrap  less 

Можете ли вы импортировать файлы .css в файлы .less ...? Я довольно знаком с меньшим количеством и использую это для всего моего развития. Я регулярно использую структуру следующим образом: @import "normalize"; //styles here @import "mixins"; @import "media-queries"; @import "print"; Все импортные файлы - это другие файлы .less и все работает …

228 css  import  less 

Используя LESS, я знаю, что могу изменить насыщенность или оттенок цветовой переменной. Это выглядит так: background: lighten(@blue, 20%); Я хочу изменить альфа-непрозрачность моего цвета. Желательно вот так: background: alpha(@blue, 20%); Есть ли простой способ сделать это в МЕНЬШЕ?

171 css  variables  less  opacity  alpha 

У меня такой код: @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, color-stop(.25, rgba(209, 72, 54, 1)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(209, 72, 54, 1)), color-stop(.75, rgba(209, 72, 54, 1)), color-stop(.75, transparent), to(transparent)); Мне нужно преобразовать …

131 css  less 

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

129 css  path  web  less  concat 

Есть ли способ, чтобы LESS применил непосредственный дочерний селектор (>) в своем выводе? В моем style.less я хочу написать что-то вроде: .panel { ... > .control { ... } } и пусть LESS сгенерирует что-то вроде: .panel > .control { ... }

112 css  css-selectors  less 

Я использовал LESS.js раньше. Легко использовать, что-то вроде <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> Я видел SASS.js . Как я могу использовать это аналогичным образом? Разбор файла SASS для немедленного использования в HTML. Похоже, что SASS.js больше подходит для Node.js ? var sass = require('sass') sass.render('... string of sass …

112 css  sass  less 

Я установил иконки font-awesome 4.0.3, используя npm install. Если мне нужно использовать его из узловых модулей, как мне использовать его в файле html? Если мне нужно отредактировать файл less, нужно ли мне редактировать его в модулях узлов?

111 css  node.js  less  npm  font-awesome 

Я хочу использовать Twitter Bootstrap, но только для определенных элементов, поэтому мне нужно найти способ добавить мой префикс ко всем классам Twitter Bootstrap или использовать меньше миксинов. У меня еще нет опыта в этом, поэтому я не совсем понимаю, как это сделать. Вот пример HTML, который я пытаюсь стилизовать: <div …

106 twitter-bootstrap  less 

Я использую LESS для улучшения своего CSS и пытаюсь вложить класс в класс. Там довольно сложная иерархия, но по какой-то причине моя вложенность не работает. У меня есть это: .g { float: left; color: #323a13; .border(1px,#afc945); .gradient(#afc945, #c8da64); .common; span { .my-span; .border-dashed(1px,rgba(255,255,255,0.3)); } .posted { .my-posted; span { border: …

101 css  nested  less 

Я буду вычислять ширину в некотором элементе от процента до пикселя, поэтому я буду минус -10 пикселей, используя LESS и calc () . Это возможно? div { span { width:calc(100% - 10px); } } Я использую CSS3, calc()поэтому он не работает:calc(100% - 10px) Пример: если 100% = 500 пикселей, значит …

101 css  less  pixel 

В SASS есть функция, @extendкоторая позволяет селектору наследовать свойства другого селектора, но без копирования свойств (например, миксинов). Есть ли у LESS эта функция?

94 css  sass  less  extend 

В VS <= 2015 мы можем использовать расширение WebEssentials, которое заботится о компиляции файлов less / sass для нас, но в настоящее время оно не поддерживает VS 2017. Известно ли вам о подобном расширении, которое может компилировать less / sass при сборке?

85 visual-studio  sass  less  visual-studio-2017  css-preprocessor