How to set compass code to split style sheets to limit IE selector

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!

+5
source share
3 answers

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/.

+4

Node.js, Bless, . .

CodeKit Sass/Compass, , .

+4

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 :)

0
source

All Articles