Metodologia
O conversor é um pipeline determinístico no navegador:
- Remoção de comentários sem executar nada.
- Análise de regras de seletores e blocos, incluindo @media.
- Mapeamento de declarações para utilitários Tailwind conhecidos.
- Valores arbitrários quando comprimentos/cores são válidos mas fora da escala.
- Prefixos responsivos para breakpoints min-width reconhecidos.
- Notas para at-rules não suportadas e falhas de mapeamento.
Limitações
- Sem resolução de valores computados para variáveis CSS.
- Sem motor de layout — igualdade visual não garantida.
- Animações e seletores exóticos precisam de humanos.
A Metodologia descreve o que o motor declara mapeável, o que deixa em notas e o que não inventa. Se um guia e o conversor divergirem, ganha o comportamento observado no playground.
Revisamos esta página quando muda o mapeamento de espaçamento, tipografia, layout, cor, bordas, efeitos ou responsive. A data de revisão não é decoração: é o contrato de frescura.
Use os guias por grupo de propriedades para critério; o conversor para rascunho. Juntos reduzem o risco de publicar utilitários às cegas.
- Entrada: snippets CSS reais, não demos de marketing.
- Saída: utilitários + notas, nunca um “score” inventado.
- Limites: keyframes, seletores complexos e media queries raras.
- Privacidade: conversão no browser após carregar JS.