Skip to content

Invalid CSS in 1176, 1248, 1299 #2

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

Closed
bencelaszlo opened this issue Oct 8, 2019 · 5 comments
Closed

Invalid CSS in 1176, 1248, 1299 #2

bencelaszlo opened this issue Oct 8, 2019 · 5 comments

Comments

@bencelaszlo
Copy link

I am using augmented-ui with vue (and its cli-service). The problematic pattern is repeated in the three lines:
(--foo: , 0 0)

If I delete the commas, then the problems gone.

@bencelaszlo bencelaszlo changed the title Invalid CSS on line 1176, 1248, 1299 Invalid CSS in 1176, 1248, 1299 Oct 8, 2019
@JaneOri
Copy link
Member

JaneOri commented Oct 9, 2019

Hey @bencelaszlo thank you for the issue

This is a bug in the parser your project is relying on, the CSS is not invalid.

(Leading comas in css variables is not invalid, and those specific lines are @supports statements so should doubly not be causing a problem in whatever parser it is.)

I assume you're running into your error during a build/minification?

Do you have a repo and/or steps to reproduce the specific issue you ran into? And a copy of the error message? I can fix it in their parser or at least submit an issue for them.

Any info you can provide will be helpful - I might even be able to give you a temporary work around by skipping the buggy parser and including/bundling the augmented-ui file directly.

@bencelaszlo
Copy link
Author

No, I'm getting these errors using VSCode:
property value expected css(css-property value expected)

@JaneOri
Copy link
Member

JaneOri commented Oct 9, 2019

Okay, looks like VSCode's built in CSS linter is wrong:
image

Is this the only error you were talking about?

Does it prevent anything in your project from working?

@JaneOri
Copy link
Member

JaneOri commented Oct 9, 2019

image
https://code.visualstudio.com/docs/languages/css#_syntax-verification-linting

@JaneOri
Copy link
Member

JaneOri commented Oct 13, 2019

Filed an issue with VSCode - they'll take care of it: microsoft/vscode#82178

Closing since you can disable VSCode's css verification until they fix it (if needed)

Please feel free to re-open or comment if you need additional help!

@JaneOri JaneOri closed this as completed Oct 13, 2019
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

2 participants