Вопросы по теме 'less-mixins'
Перечисления / Документация с LESS Mixins
Я создаю набор LESS-миксинов с Visual Studio / Web Essentials.
Можно ли написать XML-документацию для LESS-миксинов? Или, возможно, есть перечисление для ограничения вводимых параметров?
Например, с этим миксином:
.background-clip(@value)...
911 просмотров
schedule
07.09.2021
МЕНЬШЕ CSS - аргументы Mixin и Nth-Child - без цикла
Я пытаюсь написать аргумент less, который будет ассоциироваться с идентификатором # p0x1. Я хотел бы иметь возможность написать аргумент вроде
@ytrans = translateY(@argument * 2)
затем укажите это значение аргумента для каждого...
618 просмотров
schedule
25.09.2021
Как оптимизировать мой миксин LESS?
Этот миксин генерирует вспомогательные классы для Bootstrap.
Я уверен, что есть способ улучшить этот миксин с помощью циклов.
.generate-margin-tops(@size) {
.mt-@{size}-5 {
margin-top: 5px;
}
.mt-@{size}-10 {
margin-top: 10px;...
40 просмотров
schedule
20.03.2022
Mixin по-разному обрабатывает 2 одинаковых определения класса
Начну с простого примера:
.classA {
color: red;
.otherClass {
color: yellow;
}
}
.classB {
.classA;
}
приводит к:
.classA {
color: red;
}
.classA .otherClass {
color: yellow;
}
.classB {
color: red;
}
.classB...
42 просмотров
schedule
05.09.2022
LESS CSS — установка переменной в миксине
Недавно я начал использовать LESS CSS — это здорово (рекомендую вам ознакомиться с ним, если вы еще этого не сделали).
Я работаю над проектом, где я хотел бы сделать следующее (это неправильный синтаксис, это только попытка объяснить мою...
2532 просмотров
schedule
29.09.2022
МЕНЬШЕ миксин с несколькими переменными
Я пытаюсь сделать миксин с несколькими переменными в LESS, но по какой-то причине он не работает. У меня есть это МЕНЬШЕ:
.rgbabg(@r: 0, @g: 0, @b: 0, @a: .5) {
@val: rgba(@r, @g, @b, @a);
background: @val;
}
Я называю это так:...
2129 просмотров
schedule
05.06.2023
Условный миксин на основе существования параметра
Любое предложение, как создать условный миксин на основе существования параметра? Например, мне нужно проверить, что все параметры переданы, чтобы что-то выполнить или нет, например:
.margin...
2412 просмотров
schedule
03.08.2023
Меньше пользовательских функций/примесей
Например, у меня меньше кода
form.someForm
{
.form-group
{
> div
{
@media @wideMobile
{
width: calc(~"100%-144px");
}
}
> label...
7395 просмотров
schedule
10.06.2023
Условная установка значения одной переменной на основе другой
У меня есть переменная Less с именем @side . Я хочу установить переменную @sideOpposite в зависимости от значения переменной @side . Он может принимать только два значения: «лево» или «право».
Другими словами, мне нужен Less-эквивалент кода...
8140 просмотров
schedule
04.09.2023
Переопределение примесей в LESS
при определении миксина несколько раз в LESS и последующем вызове этого миксина следующим образом
.background-color() {
background: red;
}
.background-color() {
background: yellow;
}
body {
.background-color;
}
результатом...
859 просмотров
schedule
06.12.2022
Ограничить значения примесей и создать исключение, если указано недопустимое значение.
У меня есть следующий Less mixin:
.box-sizing(@value) {
-webkit-box-sizing: @value;
-moz-box-sizing: @value;
box-sizing: @value;
}
и я хотел бы разрешить только значения 'border-box' и 'content-box' в качестве параметра, иначе...
133 просмотров
schedule
02.07.2023
Как игнорировать передаваемый параметр в миксине
Я хочу использовать Less mixin для границ в проекте, но часто мне нужно использовать разные стороны границы, а не все.
Я написал простой миксин:
.border-all (@border; @border-type; @border-color) {
border-top: @border @border-type...
131 просмотров
schedule
20.08.2023
Массив меньшего количества петель с защитой примеси
Я ищу ответ об этом:
У меня есть миксины с петлей внутри:
@global-language-array: fr, de, es, en;
@language-array-length: length(@global-language-array);
.landing-specific( @landing-name,
@landing-color,...
84 просмотров
schedule
18.11.2022
Скобки примешивания необязательны при вложении?
Учтите следующее:
.flashing {
.flashKeyFrames(fade-in;{
0%, 100% {opacity: 1;}
50% {opacity: 0;}
});
.flashing(fade-in linear infinite alternate; 1s)
}
.flashKeyFrames(@name; @arguments) {
@-moz-keyframes...
78 просмотров
schedule
03.11.2022
Меньше Mixin итерации бесконечны (круговой цикл)
Как мне повторить миксин-цикл без остановки? Скажем, у меня есть массив с четырьмя цветами. Когда он переходит к последнему цвету, он начинается с первого цвета и так далее до четвертого.
Мой код:
@array: blue, red, green, yellow;...
203 просмотров
schedule
11.03.2023
Создайте список переменных в LESS для вариантов цветов на основе базового цвета.
В нашем проекте мы используем список переменных LESS. В этом списке у нас есть несколько цветов. Например это:
@color-gray: #B9B9BA;
@color-gray-light: lighten(@color-gray, 10%);
@color-gray-lighter: lighten(@color-gray, 20%);...
623 просмотров
schedule
15.04.2023
LESS mixin для автоматического добавления альтернативного свойства CSS для IE
Мы представляем темную тему для нашего сайта, которую можно включать и выключать на лету, поэтому мы используем настраиваемые свойства CSS. Проблема в том, что мы все еще должны поддерживать IE 11. IE просто не получает темную тему, он останется на...
157 просмотров
schedule
21.01.2023
Как выдать ошибку в компиляторе LESS
Вопрос
Есть ли способ (программно) выдать ошибку в компиляторе LESS?
Почему?
Сегодня я возился с охранниками примесей, потому что я хотел сгенерировать свое поле CSS на основе размера элемента и количества элементов. Я подумал, что было бы...
375 просмотров
schedule
19.10.2023
Меньше осветления, затемнения и вращения работают только иногда
Проблема
Я новичок в LESS, и мы только что изучили некоторые основы параметрических миксинов в моем курсе Intermediate CSS & Preprocessors. Я работаю над веб-сайтом своего проекта, и мне нравится то, что может сделать LESS, но это не всегда...
2206 просмотров
schedule
26.03.2024