Skip to content

Parse error with custom properties in calc() #305

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.

Sign up for GitHub

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

Jump to bottom
Closed
j9t opened this issue Jul 2, 2021 · 2 comments
Closed

Parse error with custom properties in calc() #305

j9t opened this issue Jul 2, 2021 · 2 comments
Assignees
@ylafon
Labels
bug

Comments

@j9t
Copy link

j9t commented Jul 2, 2021

Possible dup of #298:

A snippet like foo{padding-left:calc(var(--leading-half) - 1px)} leads to a parse error in the validator: “Value Error : padding-left Parse Error 1px)”.

The snippet seems valid, however.

More context: The issue can currently be seen in production with the default style sheet for frontenddogma.com.
@ylafon
Copy link
Member

ylafon commented Jul 2, 2021

I guess it should be related to the current handing of var which might be incomplete when used in another function, so not really a dup.

@ylafon ylafon added the bug label Jul 2, 2021
AnaStasia1331 added a commit to AnaStasia1331/ms3-my-recipe-book that referenced this issue Aug 16, 2021
@AnaStasia1331
post the result of css validation; remove var from css as it gives th…
f9735ff 
…e validation issue w3c/css-validator#305
@ylafon ylafon self-assigned this Aug 31, 2021
@ylafon
Copy link
Member

ylafon commented Aug 31, 2021

fixed by #316

@ylafon ylafon closed this as completed Aug 31, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@ylafon ylafon

Labels
bug
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@ylafon @j9t