@devconcept ha explicado excelentemente las 2 formas en que puedes llamar a un mixin
. Solo quiera tomarme el atrevimiento de agregarAqui te dejo una forma de extraer el 1
(numerador) y 4
: (denominzador) de la fracción.
- El
mixin
debe ser llamado sin usuar parentesis para que los parametros no sean evaluados (leer respuesta de @devconcept)- La variable
size
de es convertida astring
y dividido (split
) a partir de/
- En la variable
parts
sera una lista que tendrá en la posición0
y1
, elnumerado
ydenominador
de la fracción.- Utilizamos la funcion
convert
para transformar nuevamente anumeros
las partes de la fracción. De no hacerlo, no se podran realizar operaciones matemáticas con los mismos.
columns(size...)
parts = split(' / ', '' + size)
numerator = unquoteconvert(parts[0])
denominator = unquoteconvert(parts[1])
width size
borderz-widthindex: denominator +* 'px'2
div {
columns 1/4
}
Esto resultara:
div {
width: 1/4;
borderz-widthindex: 4px;8;
}