Запитання з тегом «less»

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

336 css  compilation  less  css-calc 

Закрито . Це питання ґрунтується на думці . Наразі відповіді не приймаються. Хочете вдосконалити це питання? Оновіть питання, щоб на нього можна було відповісти фактами та цитатами, відредагувавши цю публікацію . Закрито 6 років тому . Удосконаліть це питання Я працюю з Bootstrap 2.0.3, використовуючи менше. Я хочу його широко …

285 twitter-bootstrap  less 

Чи можете ви імпортувати .css файли у .less файли ...? Я досить мало знайомий з меншим і використовую його для всього свого розвитку. Я регулярно використовую структуру так: @import "normalize"; //styles here @import "mixins"; @import "media-queries"; @import "print"; Увесь імпорт - це інші файли, що не містять файлів, і працює …

228 css  import  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 

Чи все-таки доведеться ЛЕШЕ застосовувати до виводу негайний селектор (>)? У моєму стилі. Я не хочу написати щось на зразок: .panel { ... > .control { ... } } і МЕНШЕ генерувати щось на кшталт: .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 …

112 css  sass  less 

Я встановив чудові шрифти 4.0.3 іконки за допомогою npm install. Якщо мені потрібно використовувати його з вузлових модулів, як мені використовувати його в html-файлі? Якщо мені потрібно редагувати файл менше, чи потрібно мені редагувати його у вузлових модулях?

111 css  node.js  less  npm  font-awesome 

Я хочу використовувати Twitter Bootstrap, але лише на конкретних елементах, тому мені потрібно розібратися з способом приставки всіх класів Twitter Bootstrap з моїм префіксом або використовувати менш міксин. Я ще не досвідчений з цим, тому не зовсім розумію, як це зробити. Ось приклад HTML, який я намагаюся стилізувати: <div class="normal-styles"> …

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: none; } } …

101 css  nested  less 

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

100 css  less  pixel 

SASS має функцію, @extendяка називається, що дозволяє селектору успадковувати властивості іншого селектора, але без копіювання властивостей (наприклад, міксин). Чи має LESS також цю функцію?

93 css  sass  less  extend 

У VS <= 2015 ми можемо використовувати розширення WebEssentials, яке дбає про компіляцію файлів less / sass для нас, але в даний час воно не підтримує VS 2017. Чи знаєте ви про подібне розширення, яке може компілювати менше / sass при побудові?

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

Було б непогано обернути стилі css для різної роздільної здатності в деяких класах css, використовуючи менше. Я хотів би зробити щось на зразок: footer { width: 100%; } .tablet { footer { width: 768px; } } .desktop { footer { width: 940px; } } Наприкінці повинно вийти щось подібне: footer …

82 css  responsive-design  less  media-queries