Описание тега css-preprocessor
Препроцессоры CSS- это языки, написанные с единственной целью - добавить в CSS интересные, изобретательные функции, требуя минимального, но эффективного кода. Они делают это путем компиляции кода, написанного в обычный CSS, который можно использовать в любом браузере, поддерживая совместимость браузера.
1
ответ
Стилус: строки и переменные в конкатенации
Я не могу объединить строки и переменные в Stylus $screen = 960px $media = 'min-width: ' + $screen @media ({$media}) margin-top: 0 Выход: @media (min-width: $screen) { margin-top: 0; }
26 авг '16 в 17:38
1
ответ
Как использовать @support @media вместе в sass?
Оба утверждения не верны в sass @supports (display: -ms-grid) { @media screen and (min-width: $breakpoint-sm) { display: block; } } или же @media screen and (min-width: $breakpoint-sm) { @supports (display: -ms-grid) { display: block; } } Есть ли ка…
06 окт '17 в 16:20
1
ответ
Как мне использовать angular's:host css selector в файле.sass? (НЕ.scss)
Я работаю над файлом sass (с расширением.sass) для компонента моего углового приложения. Я хотел бы применить отступ к хосту, чтобы избежать добавления ненужного div в шаблон. В CSS это будет: :host { padding: 20px; } В синтаксисе с отступом sass эт…
12 июл '18 в 22:37
3
ответа
Как определить динамический миксин или имя функции в SASS?
Я хочу динамически создавать миксины в SASS, названные в честь каждого элемента в списке, но, похоже, это не работает. Я пробовал это, но я получаю ошибку: $event-icons: fair, concert, art-show, conference, dance-show, film, party, festival, theatre…
01 апр '13 в 18:09
1
ответ
Less Css - необходимо создавать скины css (используйте extension)
Я должен создать обложку для темы WP, поэтому мне нужно сгруппировать все селекторы, которые имеют похожие свойства вместе (например, "цвет"). Любой совет, как я могу создать что-то вроде скина CSS с Less? Я закончил с этим решением... h1, h2, h3, h…
27 авг '14 в 09:23
2
ответа
Как отлаживать, откуда вызывается ошибка 404
У меня есть установка, в которой все мои меньше файлов скомпилированы в один файл CSS, который включен в заголовок моей страницы, но каким-то образом, тем меньше файлов по-прежнему вызывается где-то, и, поскольку они gitignored, когда я развертываю …
22 янв '15 в 00:02
1
ответ
Меньше расширений из импортированного файла не работает против миксина из импортированного файла
Со следующими двумя файлами a.less а также b.less: a.less: .red { background: red; } а также b.less: @import "a.less" .testA:extend(.red) { } .testB { .red; } Результат для b.css является: .testA {} .testB { background: red; } Почему расширение не р…
19 фев '14 в 11:31
1
ответ
CSS Preprocessors - Сборка CSS для каждой загрузки страницы или просто для процесса сборки?
Просто попадаем в увлекательный мир препроцессоров CSS. Допустим, мы используем LESS для рендеринга нашего CSS. Мне интересно о двух разных подходах: Использование LESS для рендеринга CSS при каждой загрузке страницы. Использование LESS как части пр…
25 апр '13 в 01:49
1
ответ
Есть ли лучшая практика для порядка правил препроцессоров CSS?
Существуют ли общие рекомендации по порядку правил в препроцессорах CSS, таких как Stylus или SASS? Лучше сначала добавить правила для разных типов одного и того же элемента, а затем добавить потомков этого элемента: header &.fooBar float left n…
12 май '17 в 11:30
1
ответ
Добавить комментарий с датой или инкрементным номером версии к файлам js, css или html, используя препроцессор?
Я работаю над проектом, для которого конечный клиент много строит. Иногда сообщается, что исправление не исправлено, и оказывается, что последняя сборка не была загружена технической командой. Нашим решением было прокомментировать дату выпуска, когд…
10 июн '14 в 15:30
1
ответ
Функция динамического построения свойств в Stylus выдает ожидаемое ":", got "["
У меня есть следующий код стилуса spaces = { none: 0, xxx-small: .125, xx-small: 25, x-small: .5, small: .75 medium: 1, large: 1.5, x-large: 2, xx-large: 3 } properties = top, right, bottom, left types = { m: margin, p: padding } space() for type in…
21 май '16 в 17:53
1
ответ
Функция расширения не работает с вложенными селекторами
У меня есть некоторые проблемы с Меньше extend функция. В некоторых случаях это не работает, и я не могу понять, почему. Есть кусок проблемного кода: .page-header { .bar:extend(.fixedElement) { // it works ... } .menu:extend(.fixedElement) { // it w…
12 июл '15 в 12:33
2
ответа
Лучшие опции компилятора LESS для Visual Studio?
Я новичок в VS, пришел с Mac, где я использовал отличный CodeKit для LESS-компиляции. Я установил дополнение Web Essentials, поэтому у меня есть базовая поддержка и компиляция LESS. Основным недостатком этого плагина является то, что при сохранении …
30 дек '13 в 17:47
1
ответ
LESS @import (css) "file.css" помещает CSS в верхнюю часть вывода
Возьмите следующий файл меньше, назовите его style.less: /*------------------------------------*\ #IMPORT \*------------------------------------*/ /** * CSS files */ @import (css) "../css/bootstrap.css"; Посмотрите на сгенерированный файл style.css,…
07 фев '15 в 08:10
1
ответ
Gruntfile.js - Как использовать переменные и переопределить загрузочные переменные?
Я пытаюсь настроить grunt-recess для включения Twitter Bootstrap с переопределенными переменными... Вот мой Gruntfile.js: 'use strict'; module.exports = function (grunt) { grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), recess: { plugin…
29 ноя '13 в 09:58
1
ответ
Поворот оттенка цвета при переборе цикла с помощью стилуса
Как я могу раскрутить оттенок цвета для каждого элемента в цикле. Если у меня есть: items = { item1: 'item1', item2: 'item2', item3: 'item3' } Для каждого элемента в этом списке я хочу изменить его оттенок на 30% Что-то вроде этого: for name, item i…
09 июн '15 в 09:51
1
ответ
Обфускация HTML/CSS
У меня есть вопрос об окончательном выводе файла HTML и CSS. Давайте оставим этот HTML-код ниже с соответствующими именами классов, объявленными в отдельном файле CSS: <div class="header"> <div class="logo"></div> <div class="se…
28 авг '15 в 02:48
1
ответ
Стилус: Есть ли способ сделать эту СУШКУ
У меня есть несколько хэшей, которые я хочу перебрать. Например, у меня есть хэш цветов: colors = { red: #f00f00, green: #78f000, blue: #0090f0, } И хеш размеров: fontSize = { small: 14px, base: 16px, large: 18px } Затем я перебираю эти хеши. Вот уп…
21 фев '18 в 15:33
1
ответ
SASS, как импортировать указанные классы из файла CSS, а не весь
Я пытаюсь импортировать некоторые классы из файла CSS, такого как bootstrap.css, в мой файл SASS site.scss, но не все из них. Проблема со следующим кодом состоит в том, что я получаю все классы начальной загрузки в моем скомпилированном файле site.c…
29 мар '17 в 14:20
1
ответ
Препроцессоры CSS в суб-файлах NetBeans не компилируются
Я работаю с SASS в Netbeans 8. Теперь у меня есть структура проекта: ProjectMap | |-- index.php | |-- css | |-- style.css | |-- _dev |-- sass |-- style.scss |-- components |-- header.scss |-- footer.scss Настройки: Ввод: /_dev/sass Выход: / CSS Пара…
13 авг '14 в 08:09