Formatação de CSS

CSS

CSS3

11/12/2018

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 :)
Calebe Menezes

Calebe Menezes

Curtidas 4

Respostas

Mateus Soares

Mateus Soares

11/12/2018

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.
GOSTEI 0
Jothaz

Jothaz

11/12/2018

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.
GOSTEI 0
POSTAR