Is there any tool for auto maintaining css code

Question

I have a huge CSS file which should be about 20'000 lines and it was accidentally saved on one line a while ago, making it extremely hard to read and maintain.

I was looking for a tool that would automatically separate lines of CSS files, but I am finding it difficult as I can't find an English definition describing what I'm after. Does anyone know any tool that would do that? I'm sure that such a tool exists somewhere.

It would help me a lot. Thanks.

Search for "unminify css", google returns plenty of tools – Uriil Apr 20 '15 at 11:53 — Uriil, Apr 20 '15 at 11:53

score 2 · Answer 1 · edited Apr 20 '15 at 13:08

2

Just use stackoverflow's code snippet tool (looks like [<>]) and click tidy...

edited Apr 20 '15 at 13:08

Eric

95,302
53
242
374

answered Apr 20 '15 at 11:53

Aaron

10,187
3
23
39

score 2 · Accepted Answer · answered Apr 20 '15 at 11:53

2

As well as using SO's inbuilt feature, you could try looking at CSS Beautifiers.

Such as http://codebeautify.org/

Most of these work with other languages too! Hope this helps

answered Apr 20 '15 at 11:53

Tommy Jinks

747
6
21

awesome! Beautify, would never have invented such definition by myself :)). Thank you, you helped me alot! – JulioBordeaux Apr 20 '15 at 12:00

score 0 · Answer 3 · answered Apr 20 '15 at 11:55

Use a splitter, replace system such as

FIND: "; "

REPLACE ";

"

because the ; is the line end for CSS code so this would break all the code-lines into new lines, leaving only the brackets.

So then run the Find/Replace routine again to then add linebreaks outside the } characters.

FIND "}"

REPLACE: "}

";

Is there any tool for auto maintaining css code

3 Answers3