Conversor CSS para Stylus

O Stylus deixa você omitir chave, dois pontos e ponto e vírgula, e isso estranha um pouco quem vem do CSS. Ver a mesma regra nas duas formas é o jeito mais rápido de pegar o costume, e economiza tempo quando chega um trecho em CSS e o projeto inteiro é .styl. Cole o CSS e a versão em Stylus aparece embaixo, com dois espaços por declaração.

O parser trabalha com regras planas: para cada bloco, o seletor vira uma linha sozinha e as declarações descem indentadas, com propriedade e valor separados só por um espaço. Ou seja, color: #333; vira color #333. Como o Stylus aceita as duas formas, o resultado compila igual, quer você mantenha essa saída, quer devolva a pontuação depois por gosto do time.

Um detalhe: bloco dentro de bloco não sobrevive. Mande uma media query e as regras internas convertem enquanto a linha do @media evapora, então converta esses trechos à parte e recoloque o invólucro com o conteúdo indentado embaixo. Comentário em /* */ se cola ao seletor seguinte. O conversor também não aninha seletor nem extrai variável, que é boa parte do motivo de usar Stylus — esse trabalho continua seu. Copiar e limpar inclusos, tudo no navegador.