我正在尝试使用 Rails Asset Pipeline 来处理 less.erb 文件。
在我使用 LESS 之前,我使用了 SCSS。使用 SCSS 我可以拥有 SCSS.ERB 文件。一切都很完美。
不幸的是,我想使用的 UI 框架 (Semantic-UI) 不支持 SCSS,只支持 LESS。
所以我改变了:
添加了这些宝石:
gem 'less-rails', '~> 2.7.0'
gem 'therubyracer', '~> 0.12.2'
gem 'less-rails-semantic_ui', '~> 2.0.7'
Run Code Online (Sandbox Code Playgroud)
然后我将 _colors.less.erb 文件添加到我的资产管道(在 assets/stylesheets/core/_colors.less.erb 中),内容如下:
@import "variables/_colors.less";
<% colors_list = %w(primary secondary gray green red blue yellow purple orange brown violet pink olive teal) %>
/*--------------------
Background Colors
---------------------*/
<% colors_list.each do |color| %>
.bg-color-<%=color%> { background-color: @color-<%=color%>; }
.bg-color-<%=color%>-darker { background-color: @color-<%=color%>-darker; } …Run Code Online (Sandbox Code Playgroud)