Formatador CSS
Embeleze CSS reduzido ou confuso em regras limpas, recuadas e legíveis.
Formatador CSS
Cole CSS minificado ou emaranhado à mão e este formatador o expande em uma folha de estilo limpa e legível: uma declaração por linha, o seletor e sua chave de abertura em uma linha, a chave de fechamento sozinha e uma linha em branco entre as regras de nível superior. Blocos aninhados como @media, @supports e seletores aninhados são recuados um nível mais profundo, de modo que a estrutura da planilha fica óbvia à primeira vista.
A ferramenta lê seu CSS caractere por caractere, em vez de dividi-lo com padrões ingênuos, para que nunca seja interrompido em conteúdo complicado. As strings mantêm seu conteúdo exato, então content: "a{b}" sobrevive com os colchetes dentro dele. Os corpos de url() são copiados literalmente, portanto, um URI de dados com seus próprios ponto-e-vírgula e dois-pontos — url(data:image/png;base64,...) — é deixado completamente sozinho. Os comentários permanecem palavra por palavra em sua própria linha no recuo atual.
Três opções ajustam a saída. O recuo alterna entre dois espaços, quatro espaços ou uma tabulação. Um seletor por linha coloca cada seletor de uma lista de vírgulas em sua própria linha, útil para regras agrupadas longas e diferenças mais limpas. A linha em branco entre as regras pode ser desativada quando você quiser que a planilha seja mais compacta. A contagem ao vivo conta as regras, declarações e linhas de saída conforme você digita, com a contagem de regras destacada.
Esta é a contrapartida de um minificador CSS: use-o para tornar um arquivo de produção compactado editável novamente, para reformatar código inconsistente de vários autores ou simplesmente para ler uma folha de estilo que você não escreveu. Tudo funciona inteiramente no seu navegador – seu CSS nunca é carregado em lugar nenhum.