Форматировщик CSS

Это форматировщик CSS, который приводит таблицы стилей в порядок с аккуратными единообразными отступами либо минифицирует их, чтобы уменьшить размер файла. Вы выбираете размер отступа для форматирования и переключаетесь на минификацию, когда нужен наименьший вывод.

Читаемый CSS проще просматривать, проверять и отлаживать: когда каждое правило и объявление снабжено единообразным отступом, селекторы, вложенность и форма ваших медиазапросов видны с первого взгляда.

Минификация нужна для продакшена. Она убирает пробелы и комментарии, которые браузерам не нужны, поэтому файл скачивается быстрее. На крупной таблице стилей экономия накапливается, особенно перед сжатием gzip на сервере.

Минификатор аккуратен там, где это важно. Он сохраняет пробелы вокруг плюса и минуса внутри calc(), поэтому calc(100% - 30px) остаётся корректным, и убирает пробелы только вокруг структурных символов, таких как фигурные скобки, двоеточия и точки с запятой. Он также правильно обрабатывает вложенные медиазапросы.

Лицензионные комментарии, записанные в форме /*! ... */, сохраняются, и это стандартное соглашение для того, чтобы уведомления об авторских правах и лицензии оставались в минифицированном выводе даже при удалении обычных комментариев.

И форматирование, и минификация выполняются полностью в вашем браузере, поэтому ваши таблицы стилей никогда не покидают устройство. Инструмент форматирует ради читаемости и размера, но не проверяет корректность вашего CSS.