MENOS: ¿Cómo puedo pasar un mixin como argumento a otro mixin?
Tengo algunos mixins básicos que aplican algunas reglas usando consultas de medios
.on-small(@rules) {
@media (@minWidthSmall) { @rules(); }
}
.on-medium(@rules) {
@media (@minWidthMedium) { @rules(); }
}
// and .on-large, .on-x-large and so on
Y estoy tratando de construir un sistema de cuadrícula basado en flex muy simple, estoy tratando de pasar los mixins mencionados como parámetros para poder tener un genérico.make-column
Mezcla como sigue:
.make-col(@break-point-mixin, @span, @size) {
flex: 1;
box-sizing: border-box;
/***********************************************************
Is the following line possible in LESS somehow?
***********************************************************/
@break-point-mixin({
width: percentage(@span/@size);
min-width: percentage(@span/@size);
});
}
.grid-col-on-small(@span: 1, @size: 1) {
.make-col(@break-point-mixin: .on-small, @span, @size);
}
.grid-col-on-medium(@span: 1, @size: 1) {
.make-col(@break-point-mixin: .on-medium, @span, @size);
}
Pero desafortunadamente pasando@break-point-mixin
como parámetro y llamarlo desde adentro.make-col
se bloquea con:
Unrecognised input. Possibly missing opening '('