Синтаксис CSS в целом равен
selector {
declarations ...
}
В основном я видел, как миксин заботится о declaration
части
пример
@mixin border-radius($rad) {
border-radius: $rad;
}
// and used like
some-selector {
@include border-radius(5px)
}
но может ли миксин вернуть сам полный селектор
@mixin button {
.button {
color: red
}
}
// now if I have button nested in any of my dom element I can say
selector-for-dom-element {
@include button;
}
является ли второй регистр допустимым синтаксисом?
Я видел, что он работает, но не уверен, документирован ли он и должен ли я использовать его в производстве.
В качестве ответа на этот вопрос я только жду подтверждения его правильного синтаксиса и любых ссылок на такое утверждение.
Или я делаю это неправильно, любой другой способ сделать это ... кроме использования extend
?