Diskussion zu Dart Sass verschoben

Nachrichten und Veranstaltungen Ankündigungen
1

Wir haben unsere Sass-Compiler-Pipeline in Discourse erheblich aktualisiert und von dem veralteten libsass zu dem gepflegten Dart Sass gewechselt.

Dieser Wechsel ist nahtlos, und nach dem Upgrade sollte sich auf Ihrer Website nichts ändern. Für den seltenen Fall, dass etwas kaputtgegangen ist, lesen Sie bitte weiter.

Ein Hinweis für Entwickler & Designer

Während des Wechsels haben wir uns alle Open-Source-Plugins und Themes angesehen und sichergestellt, dass alles mit der neuen Pipeline noch funktioniert, und Änderungen/PRs vorgenommen, um Warnungen während der Kompilierung zu behandeln.

Versionsdetails

Dieser Wechsel führt uns

Von:

  • sassc 2.0.1 (Feb 2019)
  • libsass 3.5.2 (Mai 2018)

Zu:

  • dart-sass 1.58 (Jan 2023)

Dieses Update wendet die folgenden Deprecations an:

Diese Breaking Changes sind bald verfügbar oder wurden kürzlich veröffentlicht:

Funktionen sind strenger bezüglich der erlaubten Einheiten ab Dart Sass 1.32.0.

Selektoren mit ungültigen Kombinatoren sind ungültig ab Dart Sass 1.54.0.

/ ändert sich von einer Division zu einem Listentrennzeichen ab Dart Sass 1.33.0.

Das Parsing der speziellen Syntax von @-moz-document wird ungültig ab Dart Sass 1.7.2.

Compound-Selektoren konnten nicht erweitert werden in Dart Sass 1.0.0 und Ruby Sass 4.0.0.

FAQ

Es gab keine harten Breaking Changes für dieses Upgrade, daher werden 99 % der Themes einwandfrei funktionieren.

Wenn Sie Discourse ohne benutzerdefinierte Themes betreiben, ändert sich nichts. Beim nächsten Upgrade (oder wenn Ihre Hosting-Firma ein Upgrade durchführt) geschieht dies im Hintergrund.

Wenn Sie CDCK-Hosting verwenden und ein Theme nutzen, das wir für Sie entwickelt haben, haben wir es bereits mit Dart Sass kompatibel gemacht.

Wenn Sie ein official Customization > Theme und/oder eine Reihe von #customization:theme-components verwenden, haben wir diese bereits mit der neuen Sass-Version kompatibel gemacht.

Wenn Ihr benutzerdefiniertes Theme nicht funktioniert, teilen Sie es uns bitte mit, und wir helfen Ihnen bei der Behebung.

17 „Gefällt mir“
2

:sweat_smile: CW und Multilingual sind wegen dieses Problems ausgefallen, wurden aber behoben.

7 „Gefällt mir“
3

Danke für den Hinweis, es sieht so aus, als ob sass-migrator dies nicht abdeckt :man_facepalming:. Ich suche jetzt nach Instanzen davon.

EDIT: Ich habe mir deswegen Sorgen gemacht, aber nachdem ich in allen Open-Source- und Closed-Source-Plugins und -Themes nach diesem Fehler gesucht habe, habe ich nur diese Verwendung von extend in den beiden von Ihnen erwähnten Plugins gefunden.

9 „Gefällt mir“
4

Guten Morgen, seit dem Update ist unsere Kopfzeile größer geworden, es gibt eine Lücke von mindestens einem Zoll am oberen Rand der Seite.

Bearbeiten.
Ich habe festgestellt, dass dies im CSS-Teil des Headers lag.

Andere waren leer, also ist der Header jetzt genau richtig, aber ich kann keinen benutzerdefinierten Hintergrund hinzufügen.
Danke.

3 „Gefällt mir“
5

Ich bin mir nicht sicher, ob dies ein Problem mit dem CSS oder ein Problem mit dem Parser ist, aber ich dachte, es wäre trotzdem gut, es zu teilen.

Discourse::ScssError: Fehler: Leerzeichen erwartet

@media screen and(min-width: $breakpoint-sm) {
                 ^
5 „Gefällt mir“