CSS inside a template ('style' tag)

[brunolemos]

I used to do this to create a reactive CSS:

<style type="text/css">
    #profile-bg {
        background-color: {{themeColor}};
    }
</style>

The closest I got with this package was this:

style
    |    body {
    |        background: red !important;
    |    }

But it's not nice to put a pipe in every line and I couldn't get the {{themeColor}} to work.
What is the suggested way?

Thanks.

[mquandalle]

Not sure if this is a recommended organization, but anyway you can try with the “dot notation”:

style.
  body {
    background-color: {{themeColor}};
  }

(Yes, meteor-jade needs some better docs)

[brunolemos]

Thanks, didn't know about this dot notation. It works!

Actually, as all the content is escaped, the {{themeColor}} don't work.
That's okay for me because I will change the approach, but if there is a way to do it it would be nice to leave here for the next people.

Thanks,
Bruno.

[mquandalle]

Thank you for the bug report ! This is fixed in v0.4.3.

[chaturangalagama]

It worked for me too. Thanks a lot mquandalle..

[thomasreinecke]

great stuff, worked for me aswell 👍