Sass Blog

Seite 4 von 9

Vorherige Seite

  • LibSass ist veraltet

    Veröffentlicht am 26. Oktober 2020 von Natalie Weizenbaum

    Nach vielen Diskussionen im Sass-Kernteam sind wir zu dem Schluss gekommen, dass es an der Zeit ist, LibSass und die darauf aufbauenden Pakete, einschließlich Node Sass, offiziell als veraltet zu kennzeichnen. Seit mehreren Jahren ist klar, dass einfach nicht genug Ingenieurskapazitäten hinter LibSass stecken, um es mit den neuesten Entwicklungen in der Sass-Sprache auf dem neuesten Stand zu halten (zum Beispiel wurde die neueste Sprachfunktion im November 2018 hinzugefügt). So sehr wir auch gehofft haben, dass sich dieses Muster umkehren würde, konnten selbst die hervorragende Arbeit der langjährigen LibSass-Mitarbeiter Michael Mifsud und Marcel Greter mit dem schnellen Sprachtempo sowohl in CSS als auch in Sass nicht mithalten.

    Ich werde unten näher darauf eingehen, was das bedeutet, aber hier sind die wichtigsten Punkte

    • Wir empfehlen LibSass nicht mehr für neue Sass-Projekte. Verwenden Sie stattdessen Dart Sass stattdessen.

    • Wir empfehlen allen bestehenden LibSass-Benutzern, Pläne für die Umstellung auf Dart Sass zu machen, und allen Sass-Bibliotheken, Pläne für die schrittweise Einstellung der Unterstützung für LibSass zu machen.

  • Kommentaraufforderung: HWB Funktionen

    Veröffentlicht am 7. Oktober 2020 von Natalie Weizenbaum

    Die CSS-Arbeitsgruppe hat in letzter Zeit viel Spannendes in der Color Level 4-Spezifikation gemacht, und das Sass-Team beginnt darüber nachzudenken, wie diese coolen neuen Funktionen in das Farbmodell von Sass integriert werden können. Wir brauchen mehr Zeit, um genau die richtigen Designs für komplexe Funktionen wie den Lab-Farbraum auszuarbeiten, aber das bedeutet nicht, dass wir keine neuen Farbbeigaben hinzufügen können.

    Heute kündigen wir einen Vorschlag für eine solche Funktion an: integrierte Sass-Funktionen für HWB-Farben! Sobald dieser Vorschlag (entworfen vom Sass-Kernteammitglied Miriam Suzanne) angenommen und umgesetzt ist, können Sie Farben in HWB-Syntax schreiben und deren Weiß- und Schwarzanteil so anpassen, wie Sie heute den Sättigungsgrad und die Helligkeit einer Farbe anpassen können.

    Die FunktionenDie Funktionen Permalink

    Hier sind die neuen und verbesserten Funktionen, die dieser Vorschlag hinzufügt

    color.hwb()color.hwb() Permalink

    Die Funktion color.hwb() definiert eine Farbe anhand ihres Farbtons, Weiß- und Schwarzanteils. Ähnlich wie die vorhandenen Funktionen rgb() und hsl() kann sie entweder verwenden…

  • Kommentaraufforderung: Verschachtelte Map- Funktionen

    Veröffentlicht am 16. September 2020 von Natalie Weizenbaum

    Da Sass-Bibliotheken und Designsysteme komplexer werden und mehr Benutzer mit unterschiedlichen Bedürfnissen haben, entwickeln sie tendenziell die Notwendigkeit, Konfigurationen und Designtoken zu teilen und zu überschreiben. Diese Konfiguration ist oft hierarchisch und wird schließlich als Maps dargestellt, die Maps enthalten, die weitere Maps enthalten. Bisher war es mit den Map-Funktionen von Sass nicht einfach, mit dieser Art von verschachtelter Map-Struktur zu arbeiten. Aber das ändert sich mit dem neuesten Sprachvorschlag, der vom Sass-Kernteammitglied Miriam Suzanne geschrieben wurde.

    Dieser Vorschlag erweitert die bestehenden Map-Funktionen und fügt einige neue hinzu, um die Arbeit mit verschachtelten Maps erheblich zu erleichtern. Er basiert auf Hilfsfunktionen, die in verschiedenen Sass-Projekten im Web vorkommen, und integriert Best Practices zurück in die Sprache selbst.

    Die FunktionenDie Funktionen Permalink

    Hier sind die neuen und verbesserten Funktionen, die dieser Vorschlag hinzufügt

    map.get() und map.has-key()map.get() und map.has-key() Permalink

    Die Funktionen map.get() und map.has-key() akzeptieren nun beide eine beliebige Anzahl von …

  • Das Modulsystem ist gestartet

    Veröffentlicht am 2. Oktober 2019 von Natalie Weizenbaum

    Das Sass-Team wusste seit Jahren, dass die @import-Regel, eine der frühesten Ergänzungen zu Sass, nicht so gut war, wie wir es uns wünschten. Sie verursachte eine Litanei von Problemen für unsere Benutzer.

    • Es war nahezu unmöglich herauszufinden, wo eine bestimmte Variable, ein Mixin oder eine Funktion (zusammenfassend als „Mitglieder“ bezeichnet) ursprünglich definiert wurde, da alles, was in einem Stylesheet definiert wurde, für alle nachfolgend importierten Stylesheets verfügbar war.

    • Selbst wenn Sie beschlossen, jedes Stylesheet, das die von Ihnen verwendeten Mitglieder definierte, explizit zu importieren, hätten Sie doppelte CSS und seltsame Nebeneffekte erhalten, da Stylesheets bei jedem Import von Grund auf neu geladen wurden.

    • Es war nicht sicher, knappe und einfache Namen zu verwenden, da immer die Möglichkeit bestand, dass ein anderes Stylesheet irgendwo in Ihrer Anwendung denselben Namen verwenden und Ihre Logik durcheinanderbringen würde. Um sicherzugehen, mussten Benutzer alles, was sie definierten, manuell mit langen, umständlichen Namespaces versehen.

    • Bibliotheksautoren hatten keine Möglichkeit sicherzustellen, dass ihre privaten Helfer nicht von nachgelagerten Benutzern abgerufen würden.

  • Modulsystem- Vorschau

    Veröffentlicht am 4. September 2019 von Natalie Weizenbaum

    Aufregende Neuigkeiten, Sass-Fans! Nach einem Jahr Entwicklung und einigen Iterationen an der Spezifikation sind wir bereit, eine Beta-Vorschau des neuen Sass-Modulsystems zu veröffentlichen! Wir können noch einige letzte Änderungen basierend auf Benutzerfeedback vornehmen, also verwenden Sie es noch nicht produktiv, aber bitte nutzen Sie diese Gelegenheit, um damit herumzuspielen und uns Ihre Meinung mitzuteilen.

    Installation der VorschauInstallation der Vorschau Permalink

    Die Vorschauversion ist über alle üblichen Vertriebskanäle als Version 1.23.0-module.beta.1 verfügbar. Sie können sie von der GitHub-Release-Seite herunterladen oder sie mit einem der folgenden Befehle installieren (abhängig von Ihrem bevorzugten Installationskanal).

    $ npm install --save-dev sass@1.23.0-module.beta.1

$ npm install -g sass@1.23.0-module.beta.1

$ brew install sass/sass/sass@1.23.0-module.beta.1

$ choco install sass --version 1.23.0.modulebeta-1

$ pub global activate sass 1.23.0-module.beta.1

    Beachten Sie, dass 1.23.0 möglicherweise nicht *tatsächlich* die endgültige Versionsnummer für die stabile Veröffentlichung des Modulsystems ist, es ist nur die nächste Nebenversionsnummer in der Dart Sass-Reihe.

Nächste Seite