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

how to support cssnext syntax #50

Closed
wangbinyq opened this issue Feb 21, 2017 · 10 comments
Closed

how to support cssnext syntax #50

wangbinyq opened this issue Feb 21, 2017 · 10 comments

Comments

@wangbinyq
Copy link

I want syntax hightlight without no lang set. I just use cssnext for nest selectors.

lang="less"
image

hightlight ok.

no lang set

image

error hightlight

@wangbinyq
Copy link
Author

or i just want less syntax hightlight default

@octref
Copy link
Member

octref commented Feb 21, 2017

When not specifying lang, <style> defaults to css, according to Vue SFC spec.

image

vetur only builds support according to Vue SFC. Sorry.

@octref octref closed this as completed Feb 21, 2017
@octref
Copy link
Member

octref commented Feb 21, 2017

Oops, I ignored cssnext part. If there is a good postcss/cssnext grammar out there, I can support it. But I wouldn't want to write postcss support from scratch.

@wangbinyq
Copy link
Author

wangbinyq commented Feb 21, 2017

postcss/postcss#409 (comment)
There are sublime and atom postcss syntax hightlight

@octref
Copy link
Member

octref commented Feb 21, 2017

OK. This looks more promising though: https://github.com/y0ssar1an/CSS3

I'll look into it and have it by next version.

@octref
Copy link
Member

octref commented Feb 22, 2017

CSS3 uses Sublime Text specific grammar, so I guess the best I can do is to port the Atom PostCSS extension, or include the grammar from https://github.com/azat-io/atom-language-postcss

@octref
Copy link
Member

octref commented Feb 22, 2017

image

Will be available in next release.

@octref octref closed this as completed in d96067d Feb 22, 2017
@ElvisKang
Copy link

It seems that vetur doesn't support the feature 'nesting' of cssnext

@ghost
Copy link

ghost commented Oct 11, 2017

I also found vetur doesn't support nesting syntax.

@octref
Copy link
Member

octref commented Oct 11, 2017

For PostCSS, you only have syntax highlight.
Vetur was using CSS error checking for PostCSS, and I just disabled that.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants