使用具有不同设置的Compass和Autoprefixer为多个浏览器编译CSS

时间:2015-03-06 12:28:11

标签: css sass compass autoprefixer

我想使用Compass和Autoprefixer为多个浏览器输出/编译CSS,但是为每个文件使用不同的设置。 E.g。

chrome.css Chrome> 4

firefox.css Firefox> 20

safari.css Safari> 6

等等。

这样做的原因是为每个浏览器提供特定的样式表。

以下是我目前的标准Compass config.rb设置,为每个编译的样式表设置相同的Autoprefixer设置:

# Autofixer Settings
require 'autoprefixer-rails'
on_stylesheet_saved do |file|
  css = File.read(file)
  File.open(file, 'w') do |io|
    io << AutoprefixerRails.process(css, browsers: ["last 20 versions"])
  end
end

0 个答案:

没有答案