Отступы CSS в Tailwind
padding: 1.5rem становится p-6. Сокращения раскрываются в side-утилиты. Вне шкалы: p-[13px].
Отступы обычно переносят первыми: правила простые, а результат заметен сразу. Здесь показано, как padding: 1.5rem становится p-6 и как сокращённая запись раскладывается на отдельные утилиты для каждой стороны. Значения вне шкалы превращаются в произвольные вроде p-[13px], и такие места стоит просматривать глазами.
Шкала против свободных rem
1.5rem часто p-6. 13px вне шкалы → p-[13px] или редизайн под токен. Не округляйте вслепую.
Shorthand раскрывается
margin: 1rem 2rem может стать my-4 mx-8. Проверьте каждую сторону до PR.
Spacing в layout
gap-* во flex/grid убирает сиротские margin между детьми.
Попробовать
.example { display: flex; gap: 1rem; padding: 1rem; }Заметка о доверии: проверяйте результат визуально. Конвертер — черновик для разработчиков.