Об этом инструменте
CSS Beautifier — бесплатный браузерный форматтер, превращающий минифицированный или неопрятный CSS в чистую, единообразно отформатированную раскладку. Сначала он схлопывает существующие пробелы, а затем перестраивает структуру заново: каждое правило и объявление располагается на своей строке, открывающая фигурная скобка остаётся на строке селектора, закрывающая переносится на отдельную строку, а вложенные блоки получают отступ в два пробела на уровень.
Инструмент работает исключительно с пунктуацией, разделяющей селекторы, блоки и объявления: добавляет один пробел после двоеточия в объявлении и один пробел перед открывающей скобкой. Имена свойств и значения остаются нетронутыми, поэтому меняются только пробелы, а стиль не затрагивается. Форматирование идёт вживую по мере ввода, полностью в браузере — без загрузок, аккаунтов и отслеживания, и работает офлайн.
Это удобно, когда нужно прочитать, сравнить или вручную поправить сжатую таблицу стилей из сборки или развернуть однострочный фрагмент до читаемого вида. Вставьте CSS, оцените приведённый в порядок результат в поле вывода и скопируйте одним кликом.