(()) ended prematurely in CSS

[PaperFlu]

While using CSS function in (),the ) ended prematurely by the function.

Whatever it is var(), calc() or other functions. Am I setting it wrong?

[kingkeith]

There was a bug/omission in the CSS syntax definition which has been fixed in more recent builds of ST (3142, for example)

Issue: CSS: calc() highlighting incorrect beyond first parenthesis

Issue: CSS Grid & Custom Properties: var() inside repeat() breaks highlighting

[PaperFlu]

I just updated. But

and

Oops…Just one image allowed…There are Two in my right-click context menu, one is “Open with Sublime Text”, another one is “Open with Sublime Text 3”.

[PaperFlu]

I’ve tried the examples in the two issues. And they works well.

But my code (119th, yellow)… still breaks highlighting.It seems that it’s just a workaround, for some known case which will be used. Maybe the core code still has this problem.

Another puzzling thing, see the blue line, ‘opacity’ in animation-name is highlighting because it’s a CSS property.By default, animation-name is gray as ‘-in’. Maybe ST want me notice it’s a CSS property. But it’s strange, right?

[wbond]

But my code (119th, yellow)… still breaks highlighting.It seems that it’s just a workaround, for some known case which will be used. Maybe the core code still has this problem.

If you can create an issue at https://github.com/sublimehq/Packages/issues with your code copy-pasted into a fenced code block, then this can get fixed.