-
Notifications
You must be signed in to change notification settings - Fork 148
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
Expressions are not being parsed #388
Comments
I’m sorry, is this a new CSS feature that I don’t know about yet? |
Not really. I believe I oversimplified the example 😃 Consider this: div {
background: green;
width: calc((100vw - 100px) / 2);
height: 100px;
} Without this fix the value in |
I encountered a similar issue in the AMP plugin, which uses this library. ampproject/amp-wp#7291 Example: :where(.container) {
width: min(var(--container-max-width), 100% - calc(var(--container-padding) * 2));
margin-inline: auto;
} |
On the basis of the examples here, the issue seems to be with the nested brackets. Either with The OP example is definitely new to me. I don't know if it's allowed for the |
For me, it seems to be that the use of arithmetic causes issues: .heading {
font-size: clamp(1.4rem, 3vw + 1rem, 2rem);
} Whereas this example gets parsed without a problem: .heading {
font-size: clamp(1.4rem, 3vw, 2rem);
} This approach for using |
Simple expressions do not seem to be parsed. Example:
This ends up being treated as:
div {}
The text was updated successfully, but these errors were encountered: