CSS-форматер
Превратите минифицированный или беспорядочный CSS в чистые, читаемые правила с отступами.
CSS-форматер
Вставьте минифицированный или запутанный вручную CSS, и этот форматтер развернет его в чистую, читаемую таблицу стилей: одно объявление в каждой строке, селектор и его открывающая скобка в одной строке, закрывающая скобка сама по себе и пустая строка между правилами верхнего уровня. Вложенные блоки, такие как @media, @supports и вложенные селекторы, имеют отступ на один уровень глубже, поэтому структура листа очевидна с первого взгляда.
Инструмент читает ваш CSS посимвольно, а не разбивает его на простые шаблоны, поэтому он никогда не ломается при работе со сложным контентом. Строки сохраняют свое точное содержимое, поэтому содержимое: "a{b}" сохраняется с фигурными скобками внутри него. Тела url() копируются дословно, поэтому URI данных с собственными точками с запятой и двоеточиями — url(data:image/png;base64,...) — остается совершенно нетронутым. Комментарии остаются слово в слово на отдельной строке с текущим отступом.
Три варианта настройки выхода. Отступ переключается между двумя пробелами, четырьмя пробелами или табуляцией. Один селектор на строку помещает каждый селектор списка с запятыми в отдельную строку, что удобно для длинных сгруппированных правил и более четких различий. Пустую строку между правилами можно отключить, если вы хотите сделать лист более компактным. Живой подсчет подсчитывает правила, объявления и строки вывода по мере ввода, при этом количество правил выделяется.
Это аналог минификатора CSS: используйте его, чтобы снова сделать сжатый рабочий файл доступным для редактирования, переформатировать противоречивый код нескольких авторов или просто прочитать таблицу стилей, которую вы не писали. Все работает исключительно в вашем браузере — ваш CSS никогда никуда не загружается.