评估 ruby 内的代码 html :css 过滤器

Question

我想在 haml 模板中的 ruby 代码中添加一些 css 样式。

我知道我应该使用 :css 过滤器为我的 css 添加一个 style 标签，如下所示：

%head
  - my_color = "#0000ff"
  :css
    .my-class { 
      / how can I set my_color here:
      background-color: red; 
    }

但是如何在过滤器中使用 my_color？

编辑：明确地说，我正在寻找一个 <style> 标签，而不是元素上的内联 css。

Answer 1

您可以用 #{my_color}:

插入变量

- my_color = "#0000ff"
:css
 .my-class {
   background-color: #{my_color};
 }

Evaluate ruby code inside html :css filter