Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Code styling inside style tag don't same for lang="postcss" and default css #170

Closed
romanhrynevych opened this issue Apr 30, 2024 · 2 comments
Labels
question Further information is requested

Comments

@romanhrynevych
Copy link

CSS:
image

PostCSS:
image

Maybe this error don't relative to Volar, but maybe someone will help me with this)

@RayGuo-ergou
Copy link

It parsed to postcss and I guess there's no extension to support that in your IDE yet. Maybe this will help: https://marketplace.visualstudio.com/items?itemName=cpylua.language-postcss

Before:
image

After:
image

@johnsoncodehk
Copy link
Member

This is the expected behavior for CSS code blocks. It uses the built-in CSS syntax highlighting in VSCode. Since CSS itself does not support inline classes, you can see that .animation-title is not correctly colored.

For lang="postcss", since VSCode does not have built-in PostCSS syntax highlighting, it will use the syntax highlighting provided by the PostCSS extension you have installed. The actual behavior depends on the PostCSS extension you have installed.

@johnsoncodehk johnsoncodehk added the question Further information is requested label May 4, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
question Further information is requested
Projects
None yet
Development

No branches or pull requests

3 participants