search

css / csso

CSS minifier with structural optimizations
https://css.github.io/csso/csso.html
MIT License
3.74k stars 189 forks source link

Minifying 0px within calc statements breaking site. #468

Open bv-sumit opened 12 months ago

bv-sumit commented 12 months ago

Stylesheet is case insensitive. So we need to handle the comparison of mathematical function names by converting everything to lower case.

Example: .novablocks-content,.novablocks-sidecar{position:relative;display:var(--display-mode);--default-sidebar-width:calc(var(--minimum-sidebar-width)0.5);--wds:var(--default-width-offset-sidebar,var(--default-sidebar-width));--wde:var(--default-width-offset-sidebar,var(--default-sidebar-width));--full:calc(50vw - var(--theme-content-width-wide)0.5);grid-template-columns:[fs] Max(0px,var(--editor-full,var(--full))) [ws] calc(var(--wds)2) [gs] var(--grid-gap) [cs] 1fr [gcs] calc(var(--grid-gap)/2) [cc] calc(var(--grid-gap)/2) [gce] 1fr [ce] var(--grid-gap) [ge] calc(var(--wde)2) [we] Max(0px,var(--editor-full,var(--full))) [fe];-webkit-box-align:start;-ms-flex-align:start;align-items:start}

Current Output: .novablocks-content,.novablocks-sidecar{position:relative;display:var(--display-mode);--default-sidebar-width:calc(var(--minimum-sidebar-width)0.5);--wds:var(--default-width-offset-sidebar,var(--default-sidebar-width));--wde:var(--default-width-offset-sidebar,var(--default-sidebar-width));--full:calc(50vw - var(--theme-content-width-wide)0.5);grid-template-columns:[fs]Max(0,var(--editor-full,var(--full)))[ws]calc(var(--wds)2)[gs]var(--grid-gap)[cs]1fr[gcs]calc(var(--grid-gap)/2)[cc]calc(var(--grid-gap)/2)[gce]1fr[ce]var(--grid-gap)[ge]calc(var(--wde)2)[we]Max(0,var(--editor-full,var(--full)))[fe];-webkit-box-align:start;-ms-flex-align:start;align-items:start}

This is breaking the site.