Discourse spostato su Dart Sass

Annunci
1 
<div data-theme-toc="true"> </div>

Abbiamo appena apportato un importante aggiornamento alla nostra pipeline del compilatore Sass in Discourse, passando dal deprecato libsass al mantenuto Dart Sass.

Questa è una transizione fluida e nulla dovrebbe cambiare sul tuo sito web dopo l’aggiornamento. Nel raro caso in cui qualcosa si sia rotto, continua a leggere.

Una nota per sviluppatori e designer

Durante la transizione, abbiamo esaminato tutti i plugin e i temi open-source e ci siamo assicurati che tutto funzionasse ancora con la nuova pipeline, apportando modifiche/PR per gestire eventuali avvisi durante la compilazione.

Dettagli sulla versione

Ci spostiamo da:

  • sassc 2.0.1 (febbraio 2019)
  • libsass 3.5.2 (maggio 2018)

A:

  • dart-sass 1.58 (gennaio 2023)

Questo aggiornamento applica le seguenti deprecazioni:

Queste modifiche che rompono la compatibilità arriveranno presto o sono state rilasciate di recente:

Le funzioni sono più restrittive riguardo alle unità che consentono a partire da Dart Sass 1.32.0.

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

/ sta cambiando da un’operazione di divisione a un separatore di elenchi a partire da Dart Sass 1.33.0.

Il parsing della sintassi speciale di @-moz-document non sarà valido 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 e Risposte

Non ci sono state modifiche importanti che rompono la compatibilità per questo aggiornamento, quindi il 99% dei temi funzionerà perfettamente.

Se stai eseguendo Discourse senza temi personalizzati, non cambia nulla. La prossima volta che aggiornerai (o verrai aggiornato dalla tua società di hosting), questo avverrà in background.

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

Se utilizzi un #tema #ufficiale e/o un certo numero di #componente-tema, li abbiamo già resi compatibili con la nuova versione Sass.

Se il tuo tema personalizzato è rotto, condividilo con noi e ti aiuteremo a risolverlo.

17 Mi Piace
2

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

7 Mi Piace
3

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
4

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
5

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