SVG ist das beste Format für Icons auf einer Website, daran gibt es keinen Zweifel. Es ermöglicht scharfe Icons unabhängig von der Pixeldichte des Bildschirms, man kann die Stile des SVGs bei Hover ändern …
Sass bietet Funktionen und Mixins an, die Parameter akzeptieren. Sie können Sass-Standardparameter verwenden, d. h. Parameter, die einen Wert haben, auch wenn Sie diese beim Aufruf der Funktion oder des Mixins nicht angeben.
Konzentrieren wir uns hier auf Mixins. …
Während ich Vue.js lernte, begann ich, kostenlose Web-Tools zu entwickeln, die die Erkundung von SVG beinhalteten, mit dem Ziel, etwas über beides zu lernen! Schauen wir uns eines dieser Tools an: einen Generator, der SVG-Loader erstellt und …
Ich habe vor kurzem einen sehr einfachen Sass-Loop geschrieben, der mehrere Padding- und Margin-Utility-Klassen ausgibt. Nichts Besonderes eigentlich, nur eine Sass-Map mit 11 Abstandswerten, die durchlaufen wird, um Klassen für Padding und Margin auf jeder Seite zu erstellen. …
!default ist ein Sass-Flag, das eine bedingte Zuweisung an eine Variable anzeigt – es weist einen Wert nur zu, wenn die Variable zuvor undefiniert oder null war. Betrachten Sie diesen Code-Schnipsel
$variable: 'test' !default;Für den Sass-Compiler ist diese Zeile …
Auf Smashing Magazine behandelt Adebiyi Adedotun Lukman all diese Styling-Methoden. Es ist im Kontext von Next.js, was wichtig ist, da Next.js bestimmte Wege bietet, wie man mit diesen Tools arbeitet, React ist und somit eine komponentenbasierte …
Kürzlich hat CSS viele neue coole Features hinzugefügt, wie z. B. custom properties und neue Funktionen. Während diese Dinge unser Leben erheblich erleichtern können, können sie auch mit Präprozessoren wie Sass auf lustige Weise interagieren...
Nehmen wir an, Sie möchten eine Website mit Eleventy als Generator erstellen. Eine beliebte Wahl heutzutage! Eleventy hat keine besonders gesegnete Methode zur Vorverarbeitung Ihres CSS, wenn Sie das tun möchten. Es gibt eine Vielzahl von …
In CSS ist line-height wahrscheinlich eines der am meisten missverstandenen, aber am häufigsten verwendeten Attribute. Als Designer und Entwickler denken wir bei line-height vielleicht an das Konzept des Leads aus dem Printdesign – ein Begriff, der interessanterweise …
