Do espaçamento CSS para Tailwind
padding: 1.5rem torna-se p-6. Atalhos expandem-se para lados. Fora da escala: p-[13px].
O espaçamento costuma ser a primeira parte de uma folha de estilos a migrar. Aqui vê como padding: 1.5rem se torna p-6, como as abreviaturas de quatro valores se separam em utilitários por lado e o que acontece quando a medida não pertence à escala. Nesses casos surge p-[13px], que merece uma revisão atenta.
Escala vs rem soltos
1.5rem costuma ser p-6. 13px fora da escala pede p-[13px] ou redesenho para token. Não arredonde às cegas.
Shorthand que se abre
margin: 1rem 2rem pode virar my-4 mx-8. Reveja cada lado antes do PR.
Espaçamento de layout
gap-* em flex/grid evita margens órfãs entre filhos.
Experimentar
.example { display: flex; gap: 1rem; padding: 1rem; }Nota de confiança: verifique o resultado visualmente. O conversor é um rascunho para developers.