LESSCSS - use cálculo e valor de retorno
Oi,
Esperando que você possa ajudar.
Existe uma maneira deMENOS para retornar apenas um valor -sinto que estou perdendo algo muito óbvio
Diga que tenho:
@unit:em;
@basevalue:1;
Posso usar algo para me dar um retorno abreviado para -
.someClass { padding: ~'@{basevalue}@{unit}'; }
Como dizer:
.returnUnit() { ~'@{basevalue}@{unit}'; }
.someClass { padding: returnUnit(); }
porque o que eu estou esperando é:
.returnUnit(@val) { @basevalue*@val@{unit}; }
.someClass { padding:returnUnit(0.5); }
Usando uma mistura, tenho que definir a propriedade style, no entanto, o valor dessafunção de retorno seria usado para muitas propriedades css diferentes.
Espero que tenha feito sentido e só me falta um rtfm mais profundo.
Muito obrigado, se puder.
Atualizar como @Chococrocsponteiro para os documentos, obrigado.
.average(@x, @y) {
@average: ((@x + @y) / 2);
}
div {
.average(16px, 50px); // "call" the mixin
padding: @average; // use its "return" value
}
Parece o que eu preciso? -apenas vendo se eu posso sempre marcar a variável unit para ela ....Atualização: Isso fica meio caminho ....unitRelative(@val) {
@value : @basevalue*@val;
@relative: ~'@{value}@{unit}';
}
/* usage */
.someClass {
.unitRelative(2);
padding: @relative;
}
Mas não quando
.someClass {
.unitRelative(2);
padding:@relative;
.unitRelative(3);
margin:@relative;
}
Existe outro caminho?