LESSCSS - usa el cálculo y el valor de retorno
Hola,
Esperando que puedas ayudar.
¿Hay alguna manera deMENOS para devolver solo un valor -siento que me estoy perdiendo algo muy obvio
Digamos que tengo:
@unit:em;
@basevalue:1;
¿Puedo usar algo para devolverme una taquigrafía de -
.someClass { padding: ~'@{basevalue}@{unit}'; }
Como decir:
.returnUnit() { ~'@{basevalue}@{unit}'; }
.someClass { padding: returnUnit(); }
porque lo que finalmente espero es:
.returnUnit(@val) { @basevalue*@val@{unit}; }
.someClass { padding:returnUnit(0.5); }
Usando una mezcla tengo que definir la propiedad de estilo, sin embargo, el valor de estefunción de retorno se usaría para muchas propiedades CSS diferentes.
Espero tener sentido y solo me falta rtfm más profundo.
Muchas gracias si puedes.
Actualizar como @Chococrocspuntero a los documentos, Gracias.
.average(@x, @y) {
@average: ((@x + @y) / 2);
}
div {
.average(16px, 50px); // "call" the mixin
padding: @average; // use its "return" value
}
Parece lo que necesito? -solo viendo si siempre puedo etiquetarle la variable de unidad ...Actualización: Eso se hace en parte ....unitRelative(@val) {
@value : @basevalue*@val;
@relative: ~'@{value}@{unit}';
}
/* usage */
.someClass {
.unitRelative(2);
padding: @relative;
}
Pero no cuando
.someClass {
.unitRelative(2);
padding:@relative;
.unitRelative(3);
margin:@relative;
}
Hay otra manera ?