Discourse déplacé vers Dart Sass

Nous venons d’effectuer une mise à niveau majeure de notre pipeline de compilation Sass dans Discourse, en passant du déprécié libsass au maintenu Dart Sass.

Cette transition est transparente et rien ne devrait changer sur votre site après la mise à niveau. Dans le cas rare où quelque chose serait cassé, veuillez continuer votre lecture.

Note à l’intention des développeurs et des designers

Lors de cette transition, nous avons passé en revue tous les plugins et thèmes open source pour nous assurer que tout fonctionnait toujours avec le nouveau pipeline, et nous avons apporté des modifications/PRs pour gérer les avertissements lors de la compilation.

Détails de la version

Cela nous fait passer

De :

  • sassc 2.0.1 (fév. 2019)
  • libsass 3.5.2 (mai 2018)

À :

  • dart-sass 1.58 (janv. 2023)

Cette mise à jour applique les dépréciations suivantes :

Ces modifications incompatibles arrivent bientôt ou ont été récemment publiées :

Les fonctions sont plus strictes quant aux unités qu’elles acceptent à partir de Dart Sass 1.32.0.

Les sélecteurs avec des combinateurs invalides sont invalides à partir de Dart Sass 1.54.0.

/ change de fonction : il passe d’une opération de division à un séparateur de liste à partir de Dart Sass 1.33.0.

L’analyse de la syntaxe spéciale de @-moz-document deviendra invalide à partir de Dart Sass 1.7.2.

Les sélecteurs composés ne pouvaient pas être étendus dans Dart Sass 1.0.0 et Ruby Sass 4.0.0.

FAQ

Il n’y a eu aucune modification incompatible majeure pour cette mise à niveau, donc 99 % des thèmes fonctionneront parfaitement.

Si vous utilisez Discourse sans aucun thème personnalisé, rien ne change. La prochaine fois que vous mettrez à niveau (ou que votre hébergeur le fera pour vous), cela se produira en arrière-plan.

Si vous utilisez l’hébergement CDCK et un thème que nous avons développé pour vous, nous l’avons déjà rendu compatible avec Dart Sass.

Si vous utilisez un official Customization > Theme et/ou un certain nombre de Customization > Theme component, nous les avons déjà rendus compatibles avec la nouvelle version de Sass.

Si votre thème personnalisé est cassé, veuillez le partager avec nous et nous vous aiderons à le corriger.

17 « J'aime »

:sweat_smile: CW et Multilingual ont tous deux été affectés par ce changement mais ont été corrigés.

7 « J'aime »

Merci pour l’avertissement, on dirait que sass-migrator ne couvre pas celui-ci :face_palm:. Je recherche actuellement des occurrences de ceci.

EDIT : J’étais inquiet à ce sujet, mais après avoir recherché cette erreur dans tous les plugins et thèmes open source et fermés, je n’ai trouvé cette utilisation de extend que dans les deux plugins que vous avez mentionnés.

9 « J'aime »

Bonjour, bon matin, depuis la mise à jour, notre barre d’en-tête a augmenté de taille, il y a un espace d’au moins un pouce en haut de la page

édition.
j’ai trouvé que c’était dans la partie en-tête du css
les autres étaient vides, donc maintenant l’en-tête est parfait, cependant je ne peux pas ajouter d’arrière-plan personnalisé
merci

3 « J'aime »

Je ne suis pas sûr s’il s’agit d’un problème avec le CSS ou d’un problème avec l’analyseur, mais j’ai pensé qu’il serait bon de le partager de toute façon.

Discourse::ScssError: Erreur : Espace blanc attendu

@media screen and(min-width: $breakpoint-sm) {
                 ^
5 « J'aime »