Problem with calc() minify (bis)

[pfdt]

CSS minifying is breaking calc() function removing the needed spaces.
It the same problem explained here : #5

And still a problem in last version (0.1.10)

[thetwopct]

Also suffering same issue where spaces from the CSS calc() function are being removed making the style fail.

Example:

max-width: calc(100% + 40px);

is output as

max-width: calc(100%+40px);

which doesn't work. I have tried a "workaround"

max-width: calc(100% - - 40px);

which also doesn't work.

I've had to remove jekyll-minifier from my build.

[wneessen]

Ran into the same issue. Fixed it with this little patch:

--- vendor/bundle/ruby/2.6.0/gems/cssminify2-2.0.1/lib/cssminify2/cssmin-orig.rb	2021-02-20 22:16:46.000000000 +0100
+++ vendor/bundle/ruby/2.6.0/gems/cssminify2-2.0.1/lib/cssminify2/cssmin.rb	2021-02-20 22:16:41.000000000 +0100
@@ -212,2 +212,6 @@
     css = css.gsub(/(:|\s)0+\.(\d+)/) { "#{$1.to_s}.#{$2.to_s}" }
+
+    #
+    # Put space back between ' + ' i. e. in calc() operations
+    css = css.gsub(/\+/i, ' + ')

[jordikitto]

Any update on this? Still a big issue

[tallcoleman]

I also ran into this recently. Didn't appear to be an issue on Firefox, but broke on Edge and Safari because there wasn't space on both sides of a - operator. Was only able to fix it by turning CSS minification completely off in _config.yml.

[TheEvilSkeleton]

which doesn't work. I have tried a "workaround"

max-width: calc(100% - - 40px);

which also doesn't work.

I've had to remove jekyll-minifier from my build.

@thetwopct have you tried max-width: calc(100% - -40px); (remove the space after the second -)? This worked for me

For example: https://gitlab.com/TheEvilSkeleton/theevilskeleton.gitlab.io/-/commit/be3571f703dc70cbd792b6aece89791c3eff42cf#e5af3623409c270e77be92ef76ad4c5fda7764a7_24_28

Update: Apparently it doesn't work everywhere...

[digitalsparky]

Thanks for reporting this issue. The CSS minification is handled by the cssminify2 gem, which should preserve spaces in calc() functions. This was a known issue that has been addressed in newer versions of cssminify2.

Please ensure you're using the latest version of jekyll-minifier (v0.2.2) which includes cssminify2 v2.1.0:

gem update jekyll-minifier
gem update cssminify2

If you're still experiencing issues with calc() functions after updating, please provide a specific example of the CSS that's being incorrectly minified and I'll investigate further.

The minifier should preserve necessary spaces in calc() expressions like:

• calc(100% - 20px) → stays as is
• calc(50% + 10px) → stays as is