Conversor CSS para SASS

A sintaxe indentada do Sass, a dos arquivos .sass e não .scss, dispensa chave e ponto e vírgula por completo. Converter meia dúzia de regras na mão dá para levar; converter quarenta, não — e um ponto e vírgula esquecido já é o bastante para o compilador reclamar. Cole o CSS de um lado e a versão .sass aparece do outro, com dois espaços de indentação por declaração.

Por baixo roda um parser propositalmente pequeno: ele varre pares de seletor e bloco e reescreve cada declaração como uma linha indentada no formato prop: valor, mantendo os dois pontos, que o Sass indentado ainda exige. Isso funciona bem para regras planas, e ele não tem noção de bloco dentro de bloco. Mande uma media query: as regras internas convertem, mas a linha do @media some do resultado sem aviso nenhum.

Então separe as media queries, converta cada bloco isolado e recoloque o @media depois, indentando o conteúdo abaixo dele. Comentários em /* */ grudam na linha do seletor e pedem uma limpeza rápida. A ferramenta também não inventa aninhamento nem promove cor repetida a variável $, decisão que continua sendo sua. Os botões de copiar e limpar ficam abaixo da saída, e nenhum CSS sai do seu navegador.