Conversor de SCSS para CSS.

Achata o aninhamento SCSS em CSS comum analisando blocos de regras baseados em indentação. Ele une seletores aninhados aos seus seletores pai (respeitando o atalho de referência ao pai com &), emite cada regra com suas propriedades e remove recursos exclusivos do SCSS, como comentários de linha e declarações $variable.

1. Cole o SCSS na caixa de entrada. 2. Clique em Convert para gerar o CSS na caixa de saída. 3. Use Copy para copiar o resultado. Uma mensagem de erro aparece se a entrada estiver vazia.

Os seletores aninhados são unidos ao seletor pai por um espaço, por exemplo .parent .child. Um seletor filho que começa com & (incluindo pseudo-classes como &:hover) é concatenado diretamente ao pai, sem espaço. As declarações SCSS $variable são substituídas por um comentário /* $variable removed */ e qualquer uso restante de $name passa a ser var(--variable), de modo que a saída é um CSS válido mesmo sem realizar a resolução completa de variáveis.