Sobre esta ferramenta
O Formatador de CSS é uma ferramenta gratuita, executada no navegador, que transforma CSS minificado ou desorganizado em um layout limpo e com indentação consistente. Primeiro ele colapsa os espaços em branco existentes e depois reconstrói a estrutura do zero: cada regra e declaração fica em sua própria linha, uma chave de abertura permanece na linha do seletor, uma chave de fechamento cai em sua própria linha e blocos aninhados recebem dois espaços de indentação por nível.
Ele atua puramente na pontuação que separa seletores, blocos e declarações, adicionando um único espaço após os dois-pontos de cada declaração e um espaço antes de uma chave de abertura. Nomes de propriedades e valores são mantidos intactos, então só o espaçamento muda e o estilo não é afetado. A formatação acontece ao vivo enquanto você digita, inteiramente no seu navegador: sem envio de dados, sem contas, sem rastreamento, e funciona offline.
Isso é útil quando você precisa ler, comparar ou editar à mão uma folha de estilos comprimida extraída de um build, ou expandir um trecho de uma linha em algo legível. Cole o CSS, revise o resultado organizado na caixa de saída e copie com um clique.