所以,我试图在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
答案 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);