CSS Highlighting Error within a custom element

[ericrange]

.some-class {
   width:  {{shareSize}}px;
   height: {{shareSize}}px;
}

{{shareSize}} is an attribute for my custom element (polymer) which is used as follow: <my-custom-element shareSize=32></my-custom-element>

so... yes... the hightlighting breaks at the first {{shareSize}}px;

[Golmote]

I don't know Polymer at all, but this does not look like valid CSS.

[ericrange]

polymer replace the "{{shareSize}}" with a number. so at the end it is valid css. you dont know polymer?? you dont know the future of the web?? :P https://www.polymer-project.org/

[Golmote]

Well, I heard about it, but never gave it a look.

As I understand it, your problem relates to the syntax Polymer uses to provide data-binding in templates. Thus it's normal that the CSS highlighter fails on it ^^

Polymer would probably need a small component on its own.