Less.js: Less não suporta novas funções matemáticas (por exemplo, min, max)

Criado em 16 jan. 2020  ·  4Comentários  ·  Fonte: less/less.js

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

Este código interromperá o processo de compilação.

feature request high priority

Comentários muito úteis

Nota: Isso provavelmente também é verdadeiro para a função clamp() .

Uma solução alternativa

Para qualquer um que esteja precisando de uma solução alternativa, você sempre pode usar os recursos de escape de string do LESS para passar uma string simples para o CSS, por exemplo.

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

Todos 4 comentários

Nota: Isso provavelmente também é verdadeiro para a função clamp() .

Uma solução alternativa

Para qualquer um que esteja precisando de uma solução alternativa, você sempre pode usar os recursos de escape de string do LESS para passar uma string simples para o CSS, por exemplo.

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

@kbav Obrigado, isso é realmente útil!

Se você precisa usar menos variáveis, por exemplo, max(@my-var, 1px) , você pode fazer

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

Deve estar funcionando a partir de Less 4

Esta página foi útil?
0 / 5 - 0 avaliações