Formatador de CSS

Este é um formatador de CSS que embeleza folhas de estilo com indentação limpa e consistente, ou as minifica para reduzir o tamanho do arquivo. Você escolhe o tamanho da indentação para embelezar, e muda para minificar quando quer a menor saída.

Um CSS legível é mais fácil de examinar, revisar e depurar: quando cada regra e declaração é indentada de forma consistente, você vê seletores, aninhamento e o formato das suas media queries de relance.

A minificação é para produção. Ela remove os espaços em branco e os comentários que os navegadores não precisam, então o arquivo é baixado mais rápido. Em uma folha de estilo grande, a economia soma, especialmente antes da compressão gzip no servidor.

O minificador tem cuidado onde importa. Ele mantém os espaços ao redor do mais e do menos dentro de calc(), então calc(100% - 30px) permanece válido, e só remove espaços ao redor de caracteres estruturais como chaves, dois-pontos e ponto e vírgula. Ele também lida corretamente com media queries aninhadas.

Comentários de licença escritos na forma /*! ... */ são preservados, que é a convenção padrão para manter avisos de direitos autorais e licença na saída minificada, mesmo quando os comentários comuns são removidos.

Tanto embelezar quanto minificar funcionam inteiramente no seu navegador, então suas folhas de estilo nunca saem do seu dispositivo. A ferramenta formata para legibilidade e tamanho; ela não valida se o seu CSS está correto.