Discourse migré vers Dart Sass

Annonces
1

Nous avons récemment procédé à une mise à niveau majeure de notre pipeline de compilation Sass dans Discourse, passant de libsass, obsolète, à Dart Sass, maintenu.

Il s’agit d’une transition transparente, et rien ne devrait changer sur votre site Web après la mise à niveau. Dans le cas peu probable où quelque chose aurait mal fonctionné, continuez à lire.

Une note pour les développeurs et designers

Au cours de la transition, nous avons examiné tous les plugins et thèmes open-source et nous nous sommes assurés que tout fonctionnait toujours avec le nouveau pipeline, et nous avons apporté des modifications/PR pour gérer les avertissements lors de la compilation.

Détails de la version

Cela nous fait passer :

De :

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

À :

  • dart-sass 1.58 (janvier 2023)

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

Ces changements majeurs arrivent bientôt ou ont été récemment publiés :

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

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

Le / 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 sera 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.

Q&R

Il n’y a eu aucun changement majeur et bloquant pour cette mise à niveau, donc 99 % des thèmes fonctionneront très bien.

Si vous utilisez Discourse sans thèmes personnalisés, rien ne change. La prochaine fois que vous effectuerez une mise à niveau (ou que votre société d’hébergement effectuera la mise à niveau pour vous), cela se fera en arrière-plan.

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

Si vous utilisez un #thème #officiel et/ou un certain nombre de #composant-de-thème, 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 réparer.

17 « J'aime »
2

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

7 « J'aime »
3

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 »
4

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 »
5

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 »