Discourse movido a Dart Sass

Acabamos de realizar una gran actualización en nuestra tubería de compilación de Sass en Discourse, pasando de libsass, que está en desuso, a Dart Sass, que se mantiene activamente.

Este cambio es transparente y no debería haber ningún cambio en tu sitio web después de la actualización. En el caso poco común de que algo se haya roto, sigue leyendo.

Una nota para desarrolladores y diseñadores

Durante la migración, revisamos todos los plugins y temas de código abierto para asegurarnos de que todo siguiera funcionando con la nueva tubería, y realizamos cambios/enviamos solicitudes de extracción (PRs) para gestionar cualquier advertencia durante la compilación.

Detalles de la versión

Esto nos lleva

De:

  • sassc 2.0.1 (feb. 2019)
  • libsass 3.5.2 (may. 2018)

A:

  • dart-sass 1.58 (ene. 2023)

Esta actualización aplica las siguientes descontinuaciones:

Estos cambios importantes se acercan o se han lanzado recientemente:

Las funciones son más estrictas con respecto a las unidades que permiten a partir de Dart Sass 1.32.0.

Los selectores con combinadores no válidos son inválidos a partir de Dart Sass 1.54.0.

/ cambia de ser una operación de división a ser un separador de listas a partir de Dart Sass 1.33.0.

Analizar la sintaxis especial de @-moz-document será inválido a partir de Dart Sass 1.7.2.

Los selectores compuestos no podían ser extendidos en Dart Sass 1.0.0 y Ruby Sass 4.0.0.

Preguntas frecuentes

No hubo cambios importantes que rompieran la compatibilidad con esta actualización, por lo que el 99 % de los temas funcionarán perfectamente.

Si ejecutas Discourse sin temas personalizados, no cambia nada. La próxima vez que actualices (o tu proveedor de alojamiento lo actualice por ti), esto sucederá en segundo plano.

Si estás en CDCK hosting y usas un tema que desarrollamos para ti, ya lo hemos hecho compatible con Dart Sass.

Si usas un official Customization > Theme y/o una serie de Customization > Theme component, ya los hemos hecho compatibles con la nueva versión de Sass.

Si tu tema personalizado no funciona, compártelo con nosotros y te ayudaremos a solucionarlo.

17 Me gusta

:sweat_smile: CW y Multilingual se rompieron debido a esto, pero ya se han corregido.

7 Me gusta

Oh, gracias por el aviso, parece que sass-migrator no cubre esto :man_facepalming:. Estoy buscando instancias de esto ahora.

EDITAR: Estaba preocupado por esto, pero después de buscar este error en todos los plugins y temas de código abierto y cerrado, solo encontré este uso de extend en los dos plugins que mencionaste.

9 Me gusta

Hola, buenos días, desde la actualización, la barra de encabezado ha aumentado de tamaño, hay un espacio de al menos una pulgada en la parte superior de la página.

edición.

Encontré que esto estaba en la parte del encabezado de CSS

los otros estaban en blanco, así que ahora el encabezado está perfecto, sin embargo, no puedo agregar un fondo personalizado.

Gracias.

3 Me gusta

No estoy seguro si es un problema con el CSS o con el analizador, pero pensé que sería bueno compartirlo de todos modos.

Discourse::ScssError: Error: Se esperaba un espacio en blanco
@media screen and(min-width: $breakpoint-sm) {
                 ^
5 Me gusta