Libsass: Unterstützt CSS min() und max()

Erstellt am 25. Juli 2018  ·  9Kommentare  ·  Quelle: sass/libsass

Compatibility - P3 Dart Backport Done Sass 3.6

Hilfreichster Kommentar

Um die Lösung von @maxfenton zu width: unquote("min(500px, 90%)");

Alle 9 Kommentare

Ich habe Libsass (über SassC Rails) zu einem Projekt hinzugefügt und es hat die Dinge wirklich beschleunigt 🚀

Ein anderes Projekt kann es jedoch nicht verwenden, da es keine Unterstützung für CSS min() und max() 😢 - gibt es eine Idee, wann dies unterstützt wird?

Ich bin auf jeden Fall daran interessiert, dass dies unterstützt wird, da Ruby Sass jetzt EOL ist.

Zusätzlicher Testfall:
html { font-size: min(max(16px, 4vw), 22px); }
ergibt SassError: Internal Error: Incompatible units: 'px' and 'vw'.

@maxfenton das hat bei mir funktioniert:
https://github.com/sass/sass/issues/2378#issuecomment -433868712

Ich habe meine Probleme mit Sass unquote() gelöst und empfehle, dies aufzufrischen, wenn Sie CSS-Funktionen ausgeben müssen, die Sass interpretieren möchte. xo

Um die Lösung von @maxfenton zu width: unquote("min(500px, 90%)");

Um die Lösung von @maxfenton zu width: unquote("min(500px, 90%)");

Es funktioniert perfekt, wenn ich bei min(10vw + 10%, 100px); stuck hängengeblieben bin
es funktioniert auch perfekt mit interpolation.

$test: 20vw;
width: unquote("max(#{$test} + 10%, 100px)");

Danke für das Teilen.

Dieses Verhalten ist wirklich verwirrend und sollte behoben werden. Ich konnte nicht herausfinden, warum ich einen serverseitigen Fehler hatte, während ich einfach CSS-Code verwendete... Das Problem war, dass min als SASS-Funktion interpretiert wurde.

Wir schließen dies, da LibSass jetzt veraltet ist und wir nicht erwarten, zusätzliche Funktionen hinzuzufügen.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen