Less.js: Less unterstützt keine neuen mathematischen Funktionen (zB Min, Max)

Erstellt am 16. Jan. 2020  ·  4Kommentare  ·  Quelle: less/less.js

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

Dieser Code unterbricht den Kompilierungsvorgang.

feature request high priority

Hilfreichster Kommentar

Hinweis: Dies gilt wahrscheinlich auch für die zugehörige Funktion clamp() .

Ein Workaround

Für jeden, der darauf stößt und eine Problemumgehung benötigt, können Sie immer die String-Escape-Funktionen von LESS verwenden, um einen einfachen String an das CSS weiterzugeben, z.

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

Alle 4 Kommentare

Hinweis: Dies gilt wahrscheinlich auch für die zugehörige Funktion clamp() .

Ein Workaround

Für jeden, der darauf stößt und eine Problemumgehung benötigt, können Sie immer die String-Escape-Funktionen von LESS verwenden, um einen einfachen String an das CSS weiterzugeben, z.

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

@kbav Danke, das ist wirklich hilfreich!

Wenn Sie weniger Variablen verwenden müssen, z. B. max(@my-var, 1px) , können Sie Folgendes tun:

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

Sollte ab Less 4 . funktionieren

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen