Discourse zu Dart Sass verschoben

Ankündigungen
1

Wir haben gerade eine große Aktualisierung unserer Sass-Compiler-Pipeline in Discourse vorgenommen und sind von der veralteten libsass auf die gepflegte Dart Sass umgestiegen.

Dies ist ein nahtloser Übergang, und nach dem Upgrade sollte sich auf Ihrer Website nichts ändern. In dem seltenen Fall, dass etwas kaputt gegangen ist, lesen Sie weiter.

Eine Notiz für Entwickler & Designer

Während des Umzugs haben wir alle Open-Source-Plugins und Themes überprüft und sichergestellt, dass alles mit der neuen Pipeline noch funktioniert. Wir haben Änderungen vorgenommen/PRs erstellt, um alle Warnungen während der Kompilierung zu beheben.

Versionsdetails

Damit wechseln wir

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 Deprekationen an:

Diese Breaking Changes kommen bald oder wurden kürzlich veröffentlicht:

Funktionen sind strenger darin, welche Einheiten sie zulassen 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-Operation zu einem Listen-Separator ab Dart Sass 1.33.0.

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

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

Q&A

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

Wenn Sie Discourse ohne benutzerdefinierte Themes ausführen, ändert sich nichts. Wenn Sie das nächste Mal ein Upgrade durchführen (oder von Ihrem Hosting-Unternehmen ein Upgrade erhalten), geschieht dies im Hintergrund.

Wenn Sie auf CDCK-Hosting sind und ein von uns entwickeltes Theme verwenden, haben wir es bereits mit Dart Sass kompatibel gemacht.

Wenn Sie ein official Theme und/oder eine Reihe von Theme component verwenden, haben wir diese bereits mit der neuen Sass-Version kompatibel gemacht.

Wenn Ihr benutzerdefiniertes Theme kaputt ist, teilen Sie es bitte mit uns 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“