Discourse se trasladó a Dart Sass

Anuncios
1

Acabamos de realizar una gran actualización en nuestro pipeline de compilador Sass en Discourse, pasando del obsoleto libsass al mantenido Dart Sass.

Este es un cambio sin problemas y nada debería cambiar en tu sitio web después de la actualización. En el raro caso 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 y nos aseguramos de que todo siguiera funcionando con el nuevo pipeline, e hicimos cambios/PRs para manejar cualquier advertencia durante la compilación.

Detalles de la versión

Esto nos mueve

De:

  • sassc 2.0.1 (febrero de 2019)
  • libsass 3.5.2 (mayo de 2018)

A:

  • dart-sass 1.58 (enero de 2023)

Esta actualización aplica las siguientes deprecaciones:

Estos cambios drásticos llegarán pronto o se han lanzado recientemente:

Las funciones son más estrictas sobre qué unidades permiten a partir de Dart Sass 1.32.0.

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

/ está cambiando de una operación de división a un separador de listas a partir de Dart Sass 1.33.0.

El análisis de la sintaxis especial de @-moz-document no será válido a partir de Dart Sass 1.7.2.

Los selectores compuestos no se pudieron extender en Dart Sass 1.0.0 y Ruby Sass 4.0.0.

Preguntas y Respuestas

No hubo cambios drásticos importantes para esta actualización, por lo que el 99% de los temas funcionarán perfectamente.

Si ejecutas Discourse sin temas personalizados, nada cambia. La próxima vez que actualices (o seas actualizado por tu empresa de hosting), esto sucederá en segundo plano.

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

Si usas un #tema #oficial y/o un número de #componente-tema, ya los hemos hecho compatibles con la nueva versión de Sass.

Si tu tema personalizado está roto, por favor compártelo con nosotros y te ayudaremos a arreglarlo.

17 Me gusta
2

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

7 Me gusta
3

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
4

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
5

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