Passing variables into stylesheet via _render method results in comment

[ztzven]

Using https://stackblitz.com/edit/lit-element-example-zzo6gh as an example, inspect The color variable is a comment rather than the expected color.

Odd. Is lit-element broken? Or can you not use variables inside component stylesheets?

[Lodin]

It would work if you add the following code:

import {unsafeHTML} from 'lit-html/lib/unsafe-html';

...

html`
${unsafeHTML(`<style> .mood { color: ${color}; } </style>`)}
...
`

It is not an issue of lit-element, it's about how lit-html works. I don't know exact issue, but take a look at the issue list there

[TimvdLippe]

This is a duplicate of lit/lit#218 which has an open PR at lit/lit#274