0

Is there a tool that can format CSS into a single-line format with indenting?

#content-area ol                {margin: 15px 0 0 25px; list-style: decimal;}
    #content-area ol ol         {list-style: lower-alpha;}
#content-area ul                {margin: 0 0 0 5px; list-style: none;}
    #content-area ul li         {padding: 0 0 0 20px;}
    #content-area ul ul         {margin: 15px 0 0 25px; list-style: disc;}
    #content-area ul ul li      {background: none; padding: 0;}

3 Answers 3

1

Go to http://www.cleancss.com/, input your CSS, and select "High" from the Compression (code layout) box. It seems to do exactly what you are describing, and you can even tweak it further to fit your needs.

Sign up to request clarification or add additional context in comments.

1 Comment

I use this all the time! it's great!
1

I don't know of a tool (for desktop use, I guess?), but you can try minify to do it from within a scripting language (PHP here): Minify

Comments

1

For the Desktop, there's Polystyle ($15, trial available). It allows the definition of very detailed style rules. I've been using it for a while and I'm fairly content with it.

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.