Rails 3 + jQuery Mobile Themeroller = 无效的 CSS答案

【问题标题】：Rails 3 + jQuery Mobile Themeroller = Invalid CSSRails 3 + jQuery Mobile Themeroller = 无效的 CSS
【发布时间】：2012-08-24 22:09:11
【问题描述】：

使用通过 Themeroller 创建的自定义 jQuery Mobile 主题可以很好地与 Rails 一起用于本地开发。但是，运行：

rake 资产：预编译

在生产服务器上导致此错误：

"...gradient(linear": 预期 ")" 之后的 CSS 无效，为 ",left top,left ..."

custom-theme.min.css 中的那一行代码是：

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

自定义主题包含在 application.css 中：

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

我相信生成的 Themeroller 语法是有效的...它与 css/sass/scss 组合有关吗？

【问题讨论】：

标签： ruby-on-rails jquery-mobile themeroller

【解决方案1】：

原来 jQuery Mobile Themeroller 可能有一点问题。如果未设置渐变和边框（即省略十六进制颜色代码），它仍会生成 # 标签但不生成颜色代码，或者将“NaN”附加到渐变颜色的末尾。在 Themeroller 中设置所有颜色，然后简单地搜索 border:1px solid # ; 并替换生成的 *.min.css 文件即可清理。

【讨论】：