You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
In the output, notice the white space around the asterisk was not removed, and the calc() statement was broken (the space after the minus sign should not have been removed).
✅ This CSS minifies correctly:
Output:
.someClass>*{width:calc(50% - (10px/2))}
✅❌ The same CSS does not minify correctly if nesting is involved:
Output:
:nth-child(n){.someClass> * {width:calc(50% -(10px / 2));}}
❌In the output, notice the white space around the asterisk was not removed, and the calc() statement was broken (the space after the minus sign should not have been removed).
CSS nesting is relatively new so it's understandable that it's not supported yet. To learn more about CSS nesting click here: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting/Using_CSS_nesting
The text was updated successfully, but these errors were encountered: