Discourse migrado para o Dart Sass

Notícias e Eventos Anúncios
1

Acabamos de fazer uma grande atualização no nosso pipeline de compilação do Sass no Discourse, migrando do libsass, que está obsoleto, para o Dart Sass, que é mantido.

Esta é uma transição sem interrupções e nada deve mudar no seu site após a atualização. No raro caso 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 para garantir que tudo ainda funcionasse com o novo pipeline e fizemos alterações/PRs para lidar com quaisquer avisos durante a compilação.

Detalhes da versão

Isso nos leva

De:

  • sassc 2.0.1 (fevereiro de 2019)
  • libsass 3.5.2 (maio de 2018)

Para:

  • dart-sass 1.58 (janeiro de 2023)

Esta atualização aplica as seguintes descontinuações:

Essas mudanças incompatíveis 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.

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

Analisar a sintaxe especial de @-moz-document será inválido a partir do Dart Sass 1.7.2.

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

Perguntas frequentes

Não houve mudanças incompatíveis para esta atualização, então 99% dos temas funcionarão perfeitamente.

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

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

Se você usar um official Customization > Theme e/ou vários Customization > Theme component, já os tornamos compatíveis com a nova versão do Sass.

Se o seu tema personalizado estiver quebrado, 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