IE 8 and below have a limit on the number of selectors allowed in a single style sheet, and once the limit is reached, the style sheet should be split. Apparently, someone turned to this in Compass, creating a way to make Compass this way automatically and created the essence. I, however, do not have the skills to know what the next step is, and there is little on the way to documentation on what to do with this code. Can anyone help integrate this method into my Compass?
Link: https://gist.github.com/1131536
Thank you so much!
css_spliter.rb ( ) config.rb, sass.
config.rb
require 'css_splitter'
3 (config.rb)
on_stylesheet_saved do |path| CssSplitter.split(path) unless path[/\d+$/] end
compass compile, . * myFile_2.css *, * myFile_3.css *,... , css. compass clean , css/.
compass compile
compass clean
Node.js, Bless, . .
CodeKit Sass/Compass, , .
I think the css_splitter solution forgets to remove the code from the first file. Now I have 2 files, the first is all my css, and the second generated file has the second half of the source file. So, I have 150% of the CSS amount, as I'm used to ... I fixed my problem in IE, though :)