Uniendo partes de selectores en LESS
Es posible unir incluso partes de una misma clase. Por ejemplo, de esta manera:
.button {
&-ok {
color: green;
}
&-cancel {
color: red;
}
}
Como resultado, después de la compilación obtendremos el siguiente código:
.button-ok {
color: green;
}
.button-cancel {
color: red;
}
Simplifique el código proporcionado:
.label-success {
color: green;
}
.label-warning {
color: yellow;
}
.label-error {
color: red;
}