MENOS: Como posso passar um mixin como argumento para outro mixin?
Eu tenho alguns mixins básicos que aplicam algumas regras usando consultas de mídia
.on-small(@rules) {
@media (@minWidthSmall) { @rules(); }
}
.on-medium(@rules) {
@media (@minWidthMedium) { @rules(); }
}
// and .on-large, .on-x-large and so on
E estou tentando construir um sistema de grade baseado em flex muito simples, estou tentando passar os mixins mencionados como parâmetros para que eu possa ter um genérico.make-column
mixin. do seguinte modo:
.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);
}
Mas infelizmente passando@break-point-mixin
como um parâmetro e chamando de dentro.make-col
trava com:
Unrecognised input. Possibly missing opening '('