МЕНЬШЕ дает нам Защитные выражения , чтобы использовать миксины только при соблюдении определенного условия, например,
.contrast(@a) when (lightness(@a) >= 50%) {
background-color: black;
}
.contrast(@a) when (lightness(@a) < 50%) {
background-color: white;
}
.contrast(@a) {
color: @a;
}
Как бы мы записали это в S CSS? Есть ли прямой эквивалент или необходимо использовать правило @if
, например:
@mixin contrast($a) {
@if lightness($a) >= 50% {
background-color: black;
} @else if lightness($a) < 50% {
background-color: white;
}
color: $a;
}