ruby-on-rails - 您如何创建自己的 less 变量并使用 rails 资产管道将它们导入其他样式表？

Question

我在应用程序中使用 less css 和 twitter-bootstrap-rails，但我不知道如何创建自己的自定义 less 变量。我创建了一个名为 stylesheets/globals/variables.css.less 的文件，我想用它来定义自定义调色板。

我尝试将该文件导入到我想使用自定义颜色变量的其他样式表中，但我不断收到未定义的变量错误。

从 twitter-bootstrap rails gem 中引入变量没有问题。例如@import "twitter/bootstrap/bootstrap"；在 booststrap_and_overrides.css.less 文件中工作得很好。

解决这个问题的唯一方法是运行 rake assets:precompile，但这不是一个可行的解决方案。有没有办法在运行时使用变量？

Answer 1

我相信我遇到了类似的问题。我通过将自定义变量文件重命名为：

my_custom_variables.less

并添加：

@import "my_custom_variables";

到引用我的自定义变量的 CSS 文件的顶部。

Answer 2

现在有没有更好的方法来做到这一点？必须将变量与您要在应用程序中使用的每个样式表一起导入似乎非常不干燥，特别是如果您为每个模型使用单独样式表的 Rails 约定。