Posso depurar Scss em componentes de tema?

Suporte
1

Quero usar variáveis das configurações do tema em funções SCSS. Gostaria de poder depurar essas variáveis, mas a única maneira que encontrei até agora é replicar o código em arquivos dedicados fora do componente e declarar as variáveis diretamente nesses arquivos.

Alguém já fez isso? Existe uma maneira de depurar variáveis SCSS ao trabalhar com o Theme CLI e dentro da estrutura de pastas do componente?

2

O que você espera em termos de depuração? Você está procurando usar o @debug do Sass?

É um pouco bobo, mas já fiz isso antes para ver o valor de uma variável Sass:

body {
  &:after {
    content: "#{$primary}" !important;
    display: block;
    background: salmon;
    color: white;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999999;
  }
}
3

Ah, foi isso que eu fiz também, logo após o cabeçalho e com um fundo menos criativo :see_no_evil: Obrigado por compartilhar, já me sinto menos bobo agora! :grinning_face_with_smiling_eyes:

E sim, quero usar @debug. Só fiquei na dúvida se perderia alguma opção. Mas também é fácil o suficiente apenas escrever as variáveis e depurar as funções em um arquivo dedicado.