Как пользоваться
- Вставьте ваш CSS, SCSS или Less.
- Выберите язык и отступ.
- Нажмите «Форматировать» или Ctrl+Enter (⌘+Enter на Mac).
- Скопируйте отформатированную таблицу стилей.
Описание параметров
- Язык
- CSS, SCSS или Less. Выберите правильный, чтобы переменные ($gap, @gap) и вложенные правила были распознаны.
- Отступ и ширина строки
- Отступ для вложенных правил и объявлений, а также ширина, при которой длинные списки селекторов и значения переносятся.
Примеры
Минифицированный CSS фреймворка. Вставьте однострочный файл .min.css, чтобы читать правила по одному.
Приведение SCSS в порядок. Вставьте вложенный SCSS со смешанными отступами и получите единую вложенность в два пробела.
Часто задаваемые вопросы
Что меняет форматирование?
Каждое объявление ставится на отдельную строку, пробелы вокруг двоеточий и фигурных скобок выравниваются, шестнадцатеричные цвета приводятся к нижнему регистру, а несколько пустых строк подряд сворачиваются в одну. Порядок свойств и значения не меняются.
Можно ли «развернуть» минифицированный CSS с сайта?
Да. Вставьте минифицированный файл и нажмите «Форматировать». Комментарии, удалённые минификатором, восстановить нельзя.
Загружается ли мой код на сервер?
Нет. Форматирование выполняется в вашем браузере.
Конфиденциальность
Этот инструмент работает полностью в браузере. Ваши файлы и текст обрабатываются на вашем устройстве и никогда не загружаются на наши серверы.