Skip to content

Minifying 0px within calc statements breaking site. #468

@bv-sumit

Description

@bv-sumit

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions