Autoprefixer hell - Rails

时间:2016-03-17 18:16:30

标签: ruby-on-rails-4 sass rake autoprefixer

所以,我试图在Ruby on Rails中预编译我的资产,但每次我这样做都会给我:
autoprefixer: /Desktop/Job/RailsApp/app/assets/stylesheets/application.scss:32473:3: Gradient has outdated direction syntax. New syntax is like向左instead of向右.

现在,我知道linear-gradient新语法应该像它所说的那样,"左边"而不是"对"。如果它" top"然后它应该是#34;到底部"。我已经浏览了所有的css文件并更改了所有这些代码行以符合语法。

但是,我仍然得到了这个"错误"?这似乎减慢了我在web-rails / app上的页面加载速度。

或多或少,我的问题是,是否有人知道如何解决这个问题? 另外,有什么方法让我看看application.scss和decifer":32473:3"?我查看了该文件并为scss格式化了代码,但是当我查看32,473行时,没有任何"线性渐变"那里...

我有scss和css文件的混合,我不知道预编译时是否有所作为?

我正在使用:
Rails 4.2.6
红宝石2.2.3p173

3 个答案:

答案 0 :(得分:7)

尽管autoprefixer说"新语法就像离开而不是正确"它与我自上而下的语法有关。

ERROR:

 background: linear-gradient(top, #f5c304 50%,#d6a900 100%);

没有错误:

 background: linear-gradient(to bottom, #f5c304 50%,#d6a900 100%);

答案 1 :(得分:0)

似乎与production.rb环境中的'config.assets.css_compressor =:sass'设置有关。一旦我评论出来,它就可以在不给出错误的情况下工作,并加快所有页面的加载时间。

答案 2 :(得分:0)

我的方法:

background: linear-gradient(0deg, red, yellow);