Minifying CSS breaks clamp()

  • Hey,

    Haven’t checked with CSS calc() but clamp() is being broken when Breeze minifies the CSS.

    for example:
    clamp(1rem, 2vw + 0.5rem, 3rem) becomes clamp(1rem,2vw+0.5rem,3rem) which makes it invalid since spaces around + (or -, *, /) are required for it to be valid CSS and be parsed properly.

    Any ways to work around this except excluding specific CSS files?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author adeelkhan

    (@adeelkhan)

    Basically, while enabling CSS minification it removes all the spaces that’s why there is an option to exclude the CSS file. In your case, there is a calculation that required space, by using minification spaces are removed.

    Thread Starter enodekciw

    (@enodekciw)

    As explained in my first comment, I know why this is happening. What I’m asking for is there are way to fix it without excluding the whole file? Maybe some updates are planned to fix the way the plugin minifies CSS and make it not minify the maths in CSS?

    Most of the modern themes use calc() or clamp() in their main style.css nowadays, so they are basically all impossible to minify with Breeze.

    Plugin Author adeelkhan

    (@adeelkhan)

    Thanks for your suggestion.
    Right now you may not handle excluding math function from minification as you mentioned.
    Yes of course we will handle it on our upcoming releases.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Minifying CSS breaks clamp()’ is closed to new replies.