Is there an app to automatically format CSS files?

Question

I have a compressed CSS file (all whitespace removed) that I want to inspect, but it's a huge pain inspecting it as-is. Is there any utility (preferably linux command line) that I can run the file through to format it nicely?

Answer 1

Try this online service.

You can also inspect any compressed file in Firebug.

Answer 2

These programs are called 'beautifiers'. You should be able to google one that fits for you.

Answer 3

Here's a free windows app to "beautify" your file. I haven't used it so I don't know how well it works. http://www.blumentals.net/csstool/

Answer 4

It is specific, but Visual Studio does this on that file type. (by no means a generic solution to which you alude)

Answer 5

If you're looking for a locally-executable utility, as opposed to a web service, you want CSS Tidy.

Answer 6

This also indents: styleneat

Answer 7

I wrote a little formatter in Ruby for you. Save it as some .rb file and use it via CLI like ruby format.rb input.css input-clean.css:

#Formats CSS

input, output = ARGV

#Input
if input == nil or output == nil
    puts "Syntax: #{$0} [input] [output]"
    exit
end

#Opens file
unless File.exist? input
    puts "File #{input} doesn't exist."
    exit
end

#Reads file
input = File.read input
#Creates output file
output = File.new output, "w+"

#Processes input
input = input.gsub("{", "\n{\n\t")
         .gsub(",", ", ")
         .gsub(";", ";\n\t")
         .gsub(/\t?}/, "}\n\n\n")
         .gsub(/\t([^:]+):/, "\t" + '\1: ')

#Writes output
output.write input

#Closes output
output.close