これは私が持っているものです:
<%= stylesheet_link_tag "application", "skeleton-v1.1", "flexslider-v1.8", "main-r7", "media-queries-r6", "sprites-r7", "theme-default-r6", font_path("http://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic"), :media => "all" %>
Heroku にプッシュしようとしていますが、次のようなエラーが表示されます。
Started GET "/" for XX.XXX.XX.XX at 2012-06-07 04:45:14 +0000
2012-06-07T04:45:15+00:00 app[web.1]:
2012-06-07T04:45:15+00:00 app[web.1]: ActionView::Template::Error (Invalid CSS after "background:": expected pseudoclass or pseudoelement, was " -webkit-linear..."
2012-06-07T04:45:15+00:00 app[web.1]: (in /app/app/assets/stylesheets/application.css)):
2012-06-07T04:45:15+00:00 app[web.1]: 15: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
2012-06-07T04:45:15+00:00 app[web.1]: 16: <meta name="apple-mobile-web-app-capable" content="yes">
2012-06-07T04:45:15+00:00 app[web.1]: 17:
2012-06-07T04:45:15+00:00 app[web.1]: 18: <%= stylesheet_link_tag "application", "skeleton-v1.1", "flexslider-v1.8", "main-r7", "media-queries-r6", "sprites-r7", "theme-default-r6", "http://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic", :media => "all" %>
2012-06-07T04:45:15+00:00 app[web.1]: 19: <%= favicon_link_tag 'favicon.ico' %>
2012-06-07T04:45:15+00:00 app[web.1]: 20: <%= favicon_link_tag 'apple-touch-icon.png', :rel => 'apple-touch-icon', :type => 'image/png' %>
2012-06-07T04:45:15+00:00 app[web.1]: 21: <%= favicon_link_tag 'apple-touch-icon-72x72.png', :rel => 'apple-touch-icon', :type => 'image/png', :sizes => '72x72' %>
2012-06-07T04:45:15+00:00 app[web.1]: app/views/layouts/application.html.erb:18:in `_app_views_layouts_application_html_erb__609869981572297479_34051980'
ヘルパーを取り出してfont_path
、URL だけを含めてみましたが、うまくいきませんでした。
考え?
PS私はCedarスタックにプッシュしています-それが重要な場合。
編集1:
アプリケーション.CSS
/*
*
*= require_self
*= require_tree .
*/
編集2:
CSS にwebkit-linear
...どうすればこれを機能させることができるかという行がいくつか見つかりました。短期的にはコメントアウトできますが、機能させる必要があります。
考え?
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.09) 100%); /* Chrome10+,Safari5.1+ */