Discourse migrou para Dart Sass

Anúncios
1

Acabamos de fazer um grande upgrade em nosso pipeline de compilador Sass no Discourse, migrando do libsass depreciado para o Dart Sass mantido.

Esta é uma migração transparente e nada deve mudar em seu site após o upgrade. No caso raro de algo ter quebrado, continue lendo.

Uma nota para desenvolvedores e designers

Durante a migração, revisamos todos os plugins e temas de código aberto e garantimos que tudo ainda estava funcionando com o novo pipeline, e fizemos alterações/PRs para lidar com quaisquer avisos durante a compilação.

Detalhes da versão

Isso nos move

De:

  • sassc 2.0.1 (Fev 2019)
  • libsass 3.5.2 (Mai 2018)

Para:

  • dart-sass 1.58 (Jan 2023)

Este upgrade aplica as seguintes depreciações:

Essas alterações drásticas estão chegando em breve ou foram lançadas recentemente:

Funções são mais rigorosas sobre quais unidades elas permitem a partir do Dart Sass 1.32.0.

Seletores com combinadores inválidos são inválidos a partir do Dart Sass 1.54.0.

O / está mudando de uma operação de divisão para um separador de lista a partir do Dart Sass 1.33.0.

A análise da sintaxe especial de @-moz-document será inválida a partir do Dart Sass 1.7.2.

Seletores compostos não podiam ser estendidos no Dart Sass 1.0.0 e Ruby Sass 4.0.0.

Perguntas e Respostas

Não houve alterações drásticas para este upgrade, então 99% dos temas funcionarão perfeitamente.

Se você estiver executando o Discourse sem nenhum tema personalizado, nada muda. Na próxima vez que você atualizar (ou for atualizado por sua empresa de hospedagem), isso acontecerá em segundo plano.

Se você estiver hospedado pela CDCK e usando um tema que desenvolvemos para você, já o tornamos compatível com o Dart Sass.

Se você usa um #tema #oficial e/ou um número de #componente-de-tema, já os tornamos compatíveis com a nova versão do Sass.

Se o seu tema personalizado estiver quebrado, por favor, compartilhe-o conosco e ajudaremos a corrigi-lo.

17 curtidas
2

:sweat_smile: CW e Multilingual quebraram por causa disso, mas foram corrigidos.

7 curtidas
3

Ah, obrigado pelo aviso, parece que o sass-migrator não cobre isso :man_facepalming:. Estou procurando por instâncias disso agora.

EDIT: Eu estava preocupado com isso, mas depois de pesquisar por este erro em todos os plugins e temas de código aberto e fechado, encontrei apenas este uso de extend nos dois plugins que você mencionou.

9 curtidas
4

Olá, bom dia, desde a atualização, nossa barra de cabeçalho aumentou de tamanho, há uma lacuna de pelo menos uma polegada na parte superior da página.

editar.

descobri que isso estava na parte do cabeçalho do CSS

outros estavam em branco, então agora o cabeçalho está perfeito, no entanto, não consigo adicionar um plano de fundo personalizado.

obrigado

3 curtidas
5

Não tenho certeza se isso é um problema com o CSS ou com o parser, mas achei que seria bom compartilhar mesmo assim.

Discourse::ScssError: Error: Era esperado um espaço em branco
@media screen and(min-width: $breakpoint-sm) {
                 ^
5 curtidas