YUI Compressor and other minifiers tend to remove unnecessary whitespaces, causing long lines. Safari 5 seems to fail rendering some rules from the css files when the file has more than 5000 characters per line (blog post about my experiences).
UglifyJS has a --max-line-len
(default 32K characters) and the author says at the page
I’ve seen both FF and Chrome croak when all the code was on a single line of around 670K
What is the maximum safe line length in css files? I would like to support most of the still active browsers, while still removing unnecessary whitespaces. Any references to specifications would be useful.
.bank{background:#000000;}
and.ted{background:#000000;}
this could be made into.bank,.ted{background:#000;}
. As YUI compressor only removes white space and doesn't make the code optimized. Though sounds like a load of code to optimise :P