Formatação de CSS

11/12/2018

19

Fala pessoal, bom dia a todos.

Queria uma pequena ajuda. Alguém conhece alguma ferramenta que faça formatação de código CSS? Por exemplo vejo muitos códigos desse jeito:

h1{
    font-size: 28px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    color: #988989;
}

h2{
    font-size: 20px;
    font-family: "Roboto", sans-serif;
}


Porém, gostaria de deixar cada propriedade numa linha só, como no exemplo abaixo:

h1{ font-size: 28px; font-family: "Roboto", sans-serif; font-weight: 600; color: #988989; }
h2{ font-size: 20px; font-family: "Roboto", sans-serif; }


Há alguma ferramenta que possa formatar o código da maneira como coloquei acima, porque fazer isso na mão com códigos grandes é inviável. Não quero minificar o arquivo inteiro, removendo as linhas e espaços, quero deixar do modo como deixei o segundo código. Obrigado :)
Responder

Posts

11/12/2018

Mateus Soares

Fala Calebe, blz?
cara tem um site que faz isso, https://cssminifier.com/, dá uma olhada lá.
CSS MINIFIER

O ideal seria você não fazer isso caso outras pessoas vão usar seu código, ou passa essa página que desminifica seu código https://unminify.com/ para eles.
Espero que tenha ajudado.
Responder

11/12/2018

Jothaz

Lembrando que minidificar CSS e JavaScript só é indicado quando estiver em produção.

Porque em desenvolvimento você vai penar para ler o código e dar manutenção.
Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar