Less.js: Less no admite nuevas funciones matemáticas (por ejemplo, mínimo, máximo)

Creado en 16 ene. 2020  ·  4Comentarios  ·  Fuente: less/less.js

border-width: max(.01rem, 1px);

Este código interrumpirá el proceso de compilación.

feature request high priority

Comentario más útil

Nota: Esto probablemente también sea cierto para la función clamp() .

Una solución

Para cualquiera que se encuentre con esto y necesite una solución alternativa, siempre puede usar las capacidades de escape de cadenas de LESS para pasar una cadena simple al CSS, por ejemplo.

border-width: ~"max(.01rem, 1px)";

Todos 4 comentarios

Nota: Esto probablemente también sea cierto para la función clamp() .

Una solución

Para cualquiera que se encuentre con esto y necesite una solución alternativa, siempre puede usar las capacidades de escape de cadenas de LESS para pasar una cadena simple al CSS, por ejemplo.

border-width: ~"max(.01rem, 1px)";

@kbav Gracias, ¡eso es realmente útil!

Si necesita usar menos variables, por ejemplo, max(@my-var, 1px) , puede hacerlo

@my-var: .01rem;
--my-var: @my-var;
border-width: ~"max(var(--my-var), 1px)";

Debería estar funcionando a partir de Less 4

¿Fue útil esta página
0 / 5 - 0 calificaciones