我在应用程序中使用较少的CSS和twitter-bootstrap-rails,我无法弄清楚如何创建自己的自定义较少的变量。我创建了一个名为stylesheets / globals / variables.css.less的文件,我想用它来定义自定义调色板。
我尝试将该文件导入其他样式表,我想使用自定义颜色变量,但我一直收到一个未定义的变量错误。
从twitter-bootstrap rails gem引入变量没有问题。例如@import“twitter / bootstrap / bootstrap”;在booststrap_and_overrides.css.less文件中运行正常。
解决这个问题的唯一方法是运行rake资产:预编译,但这不是一个可行的解决方案。有没有办法在运行时使用变量?
答案 0 :(得分:4)
我相信我遇到了类似的问题。我通过将自定义变量文件重命名为:
来解决问题my_custom_variables.less
并添加:
@import "my_custom_variables";
到引用我的自定义变量的CSS文件的顶部。
答案 1 :(得分:0)
现在有更好的方法吗?使用您希望在应用程序中使用的每个样式表导入变量似乎非常不干,特别是如果您为每个模型使用单独样式表的rails约定。