"px" is removed from style attribute in template literal strings (lit-html) about clean-css HOT 4 OPEN

Hi @vmizgiris-equinix - what kind of CSS is it?

from clean-css.

@jakubpawlowicz, sorry - completely jumped my mind to mention this. This is lit-html template code, which in turn is JavaScript template literal strings. For example:

import { html } from 'lit-html';

render() {
  return html`<my-component style="--size: ${getSize()}px"></my-component>`;
}

My code uses the minify-html-literals plugin under the hook which in turn uses clean-css.

I've gotten around this issue by doing style=${style} and set up my style in a variable, but ideally this should work.

(Edited the issue title and description for clarity)

from clean-css.

Looks like there were a few other similar issues raised in the past, both using a similar syntax:

asyncLiz/minify-html-literals#31

asyncLiz/minify-html-literals#46

from clean-css.

@jakubpawlowicz, do you have any updates on this?

from clean-css.