CSS minify removes mandatory spaces in calc()

  • Resolved cmeeren

    (@cmeeren)


    5 years, 9 months ago

    Using version 0.9.7.2, CSS minification removes mandatory spaces in calc() expressions. For example, margin: 0 calc(10% + 60px) is turned into margin:0 calc(10%+60px). This causes the value to be ignored in at least Chrome.

    The error does not occur when CSS minification is “Combine only”.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello,

    Thank you for bringing this to our attention. We are aware of this issue.
    Can you please share some more details like CSS file being minified, if you use other plugins to minify (too) and your settings (just include the contents of your wp-content/w3tc-config/master.php file)? That way we might be able to find the flaw and help you further.

    Thread Starter cmeeren

    (@cmeeren)

    I think it should be reproducible if you use the Twenty Nineteen theme. The style in question is in style.css on line 2026:

    
@media only screen and (min-width: 768px) {
  .site-branding {
    margin: 0 calc(10% + 60px);
  }
}

    Here is the config: https://paste.c-net.org/PressingStamp

    Let me know if I can be of further assistance.

    • This reply was modified 5 years, 9 months ago by cmeeren.
    • This reply was modified 5 years, 9 months ago by cmeeren.
    • This reply was modified 5 years, 9 months ago by cmeeren.
    Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello,
    We will try to replicate this. Thanks for the details.
    This is a known issue but we were unable to replicate it so far.
    This will be fixed in the future release.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS minify removes mandatory spaces in calc()’ is closed to new replies.