Описание тега less-mixins
В Less любой селектор с группой свойств CSS можно назвать миксином. Использование миксинов позволяет пользователям наследовать / встраивать свойства одного селектора в другой, просто вызывая его в селекторе, который должен наследовать свойства. Используйте этот тег для любых вопросов, связанных с Less миксинами и их функциями. Для других типов миксинов используйте общий тег миксинов.
1
ответ
Являются ли скобки mixin необязательными при вложении?
Учтите следующее: .flashing { .flashKeyFrames(fade-in;{ 0%, 100% {opacity: 1;} 50% {opacity: 0;} }); .flashing(fade-in linear infinite alternate; 1s) } .flashKeyFrames(@name; @arguments) { @-moz-keyframes @name { @arguments(); } @-webkit-keyframes @…
04 май '16 в 09:57
1
ответ
Css Less Mixin не выводит весь код медиа-запроса
У меня есть миксин - он немного сложнее, чем все, что я делал раньше, так что теперь я столкнулся с проблемой, с которой не могу разобраться. Проблема в том, что по умолчанию никогда не создается. Я также явно добавил мобильный первый медиа-запрос, …
16 фев '15 в 16:27
1
ответ
Динамические имена классов с параметрами в миксине Less
Я пытаюсь создать миксин Less для генерации медиа-запросов. Цель состоит в том, чтобы хранить мои контрольные точки в variables.less файл, и цикл по ним, чтобы создать @media блоки. Затем миксин будет использоваться как: .mq-medium({ // rules }); и …
06 янв '16 в 21:54
1
ответ
Изменить имя переменной в цикле
Мне нужна переменная name изменить на trees, balloons и т.д. в цикле, чтобы получить .trees{ color:1;} .balloons { color:2;} но я получаю вместо этого: .trees{color:2} .name{color:1} Пробовал этот миксин но не работает, что я делаю не так? @name:nam…
13 июл '15 в 12:12
2
ответа
Как передать параметры с запятыми в меньше
У меня есть миксин, который принимает имя фигуры и ее координаты. Мне интересно, как бы я передал свои координаты, если координаты содержат запятые? .clip-path(@shape @coords) { -webkit-clip-path: @shape(@coords); -moz-clip-path: @shape(@coords); cl…
07 мар '16 в 04:18
1
ответ
Как расширить класс / миксин с динамически сформированным селектором
Как расширить класс Less, который динамически формируется с помощью & combinator? Меньше, что дает ожидаемый результат: .hello-world { color: red; } .foo { &:extend(.hello-world); font-size: 20px; } Ожидаемый выход CSS: .hello-world, .foo { colo…
22 июл '14 в 05:52
1
ответ
Как повторно использовать миксин, чей селектор формируется с помощью конкатенации
В Меньше я могу написать: .outer { .inner { color: red; } } .test { .outer .inner; } Но когда я пишу: .outer { &-inner { color: red; } } .test { .outer-inner; } Когда я удаляю .test, .outer-inner вывод правильно, но когда я добавляю его обратно,…
25 окт '14 в 04:33
1
ответ
Использование охранников в миксине
Я хочу создать умный миксин для источников Bootstrap (mixin->buttons.less). То, что у меня есть, выглядит следующим образом: Меньше: .button-variant(@color; @background; @border) { color: @color; background-color: @background; border-color: @border;…
15 июн '15 в 12:00
1
ответ
Enums/ Документация с LESS Mixins
Я создаю набор миксов LESS с Visual Studio/Web Essentials. Можно ли написать документацию типа XML для миксов LESS? Или, может быть, есть enum для ограничения вводимых параметров? Например, с этим миксином: .background-clip(@value) { -webkit-backgro…
06 янв '14 в 21:07
2
ответа
Создать список переменных в LESS для вариантов цветов на основе базового цвета
В нашем проекте мы используем список переменных LESS. В этом списке у нас есть несколько цветов. Например это: @color-gray: #B9B9BA; @color-gray-light: lighten(@color-gray, 10%); @color-gray-lighter: lighten(@color-gray, 20%); @color-gray-lightest: …
22 июн '16 в 09:14
1
ответ
Как передать mixin param в nth-of-type в Less?
Я устанавливаю количество столбцов, передавая @var на мой миксин вот так: .author-card(@numberOfCards) { width: 100% / @numberOfCards - 2%; padding-bottom: 165% / @numberOfCards - 2%; } И я хочу иметь margin-right: 2% для каждого столбца, кроме посл…
11 авг '14 в 11:01
1
ответ
Mixin относятся к 2 одинаковым определениям классов по-разному
Я начну с простого примера: .classA { color: red; .otherClass { color: yellow; } } .classB { .classA; } результаты в: .classA { color: red; } .classA .otherClass { color: yellow; } .classB { color: red; } .classB .otherClass { color: yellow; } Но: .…
07 авг '15 в 11:02
2
ответа
Могу ли я использовать css-классы как миксин в менее-файле?
В моем style.less Я хотел бы определить, что все элементы с классом .element вложенный в элемент класса .group имеют те же свойства класса начальной загрузки .col-sm-6, К сожалению, я не могу напрямую добавить класс .col-sm-6 к элементам. В этом про…
11 мар '15 в 09:31
1
ответ
IE9 html[lang] взломать и LESS
У меня есть LESS миксин с набором правил для создания селекторов IE9-hack: .ie9(@rules) { html[lang='\ en'] & { @rules(); } } Взломать источник: http://browserhacks.com/#hack-e6b158b7e27bcb157326348efb5c0bb2 Но после компиляции я вижу: SyntaxErr…
19 сен '15 в 07:36
2
ответа
Несовместимый вывод между LESS-компиляторами
Я написал немного кода LESS, который изменяет размер текста в зависимости от ширины браузера. Несколько разных элементов и их параметры могут быть отправлены в многоразовый миксин. Все онлайн-компиляторы LESS выдают желаемый результат. Но я получаю …
15 сен '15 в 16:08
1
ответ
Менее светлые, темные и вращающиеся, иногда работают
Проблема Я новичок в LESS, и мы только что изучили некоторые основы параметрических миксинов в моем курсе Intermediate CSS & Preprocessors. Я работаю над сайтом моего проекта и люблю то, что LESS может сделать, но это не всегда работает, как я хочу…
18 ноя '16 в 16:33
0
ответов
css - Менее распространенный с псевдоклассом и псевдоэлементами
У меня есть элемент списка со ссылкой внутри, используется font-awesome для Less. Как сохранить код в первом псевдоэлементе и повторить во втором, третьем. Есть ли сокращенная запись? Моя цель не повторять одни и те же свойства для разных элементов.…
16 апр '18 в 10:35
1
ответ
Меньше смешивать с несколькими переменными
Я пытаюсь сделать миксин с несколькими переменными в LESS, но по какой-то причине это не работает. У меня есть это меньше: .rgbabg(@r: 0, @g: 0, @b: 0, @a: .5) { @val: rgba(@r, @g, @b, @a); background: @val; } Я называю это так: .rgbabg(255, 0, 0, .…
21 сен '11 в 15:29
1
ответ
LESS: объединить несколько фоновых правил
У меня есть миксин, который создает градиент с префиксами поставщиков, и я хотел бы добавить этот фон в DIV в дополнение к другому background-image, .horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) { backgrou…
28 апр '15 в 07:17
2
ответа
mixins с несколькими параметрами - как выбираются свойства?
Я читаю руководство по LESS, и здесь есть следующий пример: It is legal to define multiple mixins with the same name and number of parameters. Less will use properties of all that can apply. If you used the mixin with one parameter e.g. .mixin(green…
15 авг '14 в 12:02