Способ 1:
.my-mixin (@selector) {
background: white;
@{selector} {
background: red;
}
}
.parent {
.my-mixin(~'.child');
}
Способ 2:
.my-mixin (@selector) {
background: white;
@selector-escaped: ~'@{selector}';
@{selector-escaped} {
background: red;
}
}
.parent {
.my-mixin('.child');
}
Результат в обоих случаях:
.parent {
background: white;
}
.parent .child {
background: red;
}
Похожие записи
- Компиляция LESS в PhpStorm на Windows с помощью less.php (без Ruby, без Node.js, без СМС)
- Горизонтальный скролинг таблицы с зафиксированной колонкой (sticky table column)
- Плавающие лейблы на CSS (float label)
- Минимальная высота блока по высоте фонового изображения
- Компиляция SASS/SCSS в PhpStorm с помощью Dart Sass
Комментарии
Less это для невероятных фреймворков типа bootstrap ? А есть ли смысл его использовать в работе с друпалом?
Добавить комментарий