Home/ Questions/Q 8526691
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T08:20:44+00:00

Using a custom jQuery Mobile theme created via Themeroller works fine with Rails for

  • 0

Using a custom jQuery Mobile theme created via Themeroller works fine with Rails for local development. However, running:

rake assets:precompile

on the production server results in this error:

Invalid CSS after "...gradient(linear": expected ")", was ",left top,left ..."

With that line of code in custom-theme.min.css being:

background-image:-webkit-gradient(linear,left top,left bottom,from( #333333 ),to( #333333 ));

The custom theme is included in application.css:

 *= require_self
 *= require_tree .
 *= require jquery.mobile.structure-1.1.1.min
 *= require custom-theme.min
 *= require jquery-mobile-fluid960.min

I believe the generated Themeroller syntax is valid… Does it have something to do with the css/sass/scss combination?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Turns out the jQuery Mobile Themeroller can be a little buggy. If gradients and borders are not set—that is, omitting the hex color code—it still generates the # tag but no color code, or appends ‘NaN’ to the end of a gradient color. Setting all colors in Themeroller and then a simple search for border:1px solid # ; and replace on the generated *.min.css file cleaned this up.

    • 0