Discourse spostato su Dart Sass

Abbiamo appena effettuato un importante aggiornamento alla nostra pipeline di compilazione Sass in Discourse, passando dal deprecato libsass al mantenuto Dart Sass.

Si tratta di un passaggio trasparente e nulla dovrebbe cambiare sul tuo sito dopo l’aggiornamento. Nel raro caso in cui qualcosa si rompa, continua a leggere.

Una nota per sviluppatori e designer

Durante la migrazione, abbiamo esaminato tutti i plugin e i temi open source per assicurarci che tutto funzionasse ancora con la nuova pipeline e abbiamo apportato modifiche/PR per gestire eventuali avvisi durante la compilazione.

Dettagli sulla versione

Questo aggiornamento ci porta

Da:

  • sassc 2.0.1 (feb 2019)
  • libsass 3.5.2 (mag 2018)

A:

  • dart-sass 1.58 (gen 2023)

Questo aggiornamento applica le seguenti deprecazioni:

Questi cambiamenti incompatibili con le versioni precedenti sono in arrivo o sono stati rilasciati di recente:

Le funzioni sono più rigorose riguardo alle unità consentite a partire da Dart Sass 1.32.0.

I selettori con combinatori non validi sono considerati non validi a partire da Dart Sass 1.54.0.

/ sta cambiando da operazione di divisione a separatore di liste a partire da Dart Sass 1.33.0.

L’analisi della sintassi speciale di @-moz-document non sarà più valida a partire da Dart Sass 1.7.2.

I selettori composti non potevano essere estesi in Dart Sass 1.0.0 e Ruby Sass 4.0.0.

Domande frequenti

Non ci sono stati cambiamenti incompatibili con le versioni precedenti per questo aggiornamento, quindi il 99% dei temi funzionerà perfettamente.

Se stai eseguendo Discourse senza temi personalizzati, non cambia nulla. La prossima volta che effettuerai un aggiornamento (o verrà aggiornato dalla tua azienda di hosting), ciò avverrà in background.

Se utilizzi l’hosting CDCK e un tema che abbiamo sviluppato per te, lo abbiamo già reso compatibile con Dart Sass.

Se utilizzi un tema official Customization > Theme e/o un certo numero di Customization > Theme component, li abbiamo già resi compatibili con la nuova versione di Sass.

Se il tuo tema personalizzato non funziona, condividilo con noi e ti aiuteremo a correggerlo.

17 Mi Piace

:sweat_smile: CW e Multilingual si sono interrotti a causa di questo, ma sono stati corretti.

7 Mi Piace

Oh grazie per l’avviso, sembra che sass-migrator non copra questo :man_facepalming:. Sto cercando istanze di questo adesso.

EDIT: Ero preoccupato per questo, ma dopo aver cercato questo errore in tutti i plugin e temi open source e closed source ho trovato solo questo utilizzo di extend nei due plugin che hai menzionato.

9 Mi Piace

Buongiorno,
dall’aggiornamento, la nostra barra di intestazione è aumentata di dimensioni, c’è uno spazio di almeno un pollice nella parte superiore della pagina.

modifica.
ho scoperto che era nella parte dell’intestazione del css
gli altri erano vuoti, quindi ora l’intestazione è perfetta, tuttavia non posso aggiungere uno sfondo personalizzato.
grazie

3 Mi Piace

Non sono sicuro se si tratti di un problema con il CSS o con il parser, ma ho pensato che potesse essere utile condividerlo comunque.

Discourse::ScssError: Error: Expected whitespace

@media screen and(min-width: $breakpoint-sm) {
                 ^
5 Mi Piace