CSS minification removes spaces around operator in calc expressions

4 comments

JP Kleijn on 01/Jun/24 09:54

After searching the web a bit (a few years ago) I found an article stating that this could be caused by LESS trying to compile calc() properties. I do not know if LESS was the issue but the solution stated in this article worked.

The solution for this was to use the tilde (~) before stating the calc property, like so:

{{.class

{ padding-left: calc(~"100% + 20px"); }

}}

{{}}

	JP Kleijn on 01/Jun/24 09:56

	After searching the web a bit (a few years ago) I found an article stating that this could be caused by LESS trying to compile calc() properties. I do not know if LESS was the issue but the solution stated in this article worked. The solution for this was to use the tilde (~) before stating the calc property, like so: { { code:java} .class { padding-left: calc(~"100% + 20px"); } }} { { code } }

	JP Kleijn on 01/Jun/24 09:58

	After searching the web a bit (a few years ago) I found an article stating that this could be caused by LESS trying to compile calc() properties. I do not know if LESS was the issue but the solution stated in this article worked. The link to the article: [https://stackoverflow.com/questions/25353427/using-less-css3-calc-doesnt-work-correctly\|Using Less, CSS3 calc() doesn't work correctly [duplicate]] The solution for this was to use the tilde (~) before stating the calc property, like so: {code:java} .class { padding-left: calc(~"100% + 20px"); }{code}

	JP Kleijn on 01/Jun/24 09:59

	After searching the web a bit (a few years ago) I found an article stating that this could be caused by LESS trying to compile calc() properties. I do not know if LESS was the issue but the solution stated in this article worked. The link to the article: [ How to prevent Less from trying to compile CSS calc() properties?\| https://stackoverflow.com/questions/ 25353427 11972084 / using how - to-prevent- less- css3 from - calc trying - doesnt to - work compile - correctly\|Using Less, CSS3 css- calc () doesn't work correctly [duplicate -properties ] ] The solution for this was to use the tilde (~) before stating the calc property, like so: {code:java} .class { padding-left: calc(~"100% + 20px"); }{code}

This message was sent by Atlassian Jira (v9.3.0#930000-sha1:287aeb6)

If image attachments aren't displayed, see this article.