Evaluate ruby code inside html :css filter

Question

I want to add some css style that I calculate in my ruby code within a haml template.

I understand that I should use the :css filter to add a style tag for my css like this:

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

But how can I use my_color inside the filter?

Edit: To be clear, I am looking for a <style> tag, not inline css on an element.

Do you mean a <style> tag?

max
– max

2021-12-13 10:48:07 +00:00
Commented Dec 13, 2021 at 10:48 — max
– max, Commented Dec 13, 2021 at 10:48

razvans · Accepted Answer · 2021-12-13 13:08:20Z

3

You can interpolate the variable with #{my_color}:

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

edited Dec 13, 2021 at 13:08

answered Dec 13, 2021 at 7:37

razvans

3,2727 gold badges25 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

de. Over a year ago

Thanks – so the block under :css is just regarded as a string from ruby's vantage point.

max Over a year ago

Not really. :css is an example of a filter in Haml. "The colon character designates a filter. This allows you to pass an indented block of text as input to another filtering program and add the result to the output of Haml.". Here you're doing variable interpolation (in the Haml parser) before passing the string into the filter. haml.info/docs/yardoc/file.REFERENCE.html#filters

Collectives™ on Stack Overflow

Evaluate ruby code inside html :css filter

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related