Title: Minify css calc issue break inline css
Last modified: August 12, 2022

---

# Minify css calc issue break inline css

 *  Resolved [Rookie](https://wordpress.org/support/users/alriksson/)
 * (@alriksson)
 * [3 years, 10 months ago](https://wordpress.org/support/topic/minify-css-calc-issue-break-inline-css/)
 * Bug on minify css frontend. Seing [wpacu] and encoded code which breaks the css.
 * Using theme.co’s pro builder older verison. But the inlined `x-generated-css`
   breaks when using WPACU’s css features.
 * Still seems to be a calc minify issue as it breaks here:
 * `html{font-size:calc(12px + (16 - 12) * ((100vw - 500px) / (1000 - 500)));}}@media(
   min-width:1000px){html{font-size:16px;}}body{font-style:normal;font-weight:400;
   color:rgb(64,64,64);background-color:hsl(0,0%,95%);}`
 * On the frontend looks like this:
    `html{font-size:12px}@media (min-width:500px){
   html{font-size:[wpacu]Y2FsYygxMnB4ICsgKDE2IC0gMTIpICogKCgxMDB2dyAtIDUwMHB4KSAvICgxMDAwIC0gNTAwKSkpO319QG1lZGlhIChtaW4td2lkdGg6MTAwMHB4KXtodG1se2ZvbnQtc2l6ZToxNnB4O319Ym9keXtmb250LXN0eWxlOm5vcm1hbDtmb250LXdlaWdodDo0MDA7Y29sb3I6cmdiKDY0LDY0LDY0KTtiYWNrZ3JvdW5kLWNvbG9yOmhzbCgwLDAlLDk1JSk7fS53LWJ7Zm9udC13ZWlnaHQ6NDAwICFpbXBvcnRhbnQ7fWgxLGgyLGgzLGg0LGg1LGg2LC5oMSwuaDIsLmgzLC5oNCwuaDUsLmg2e2ZvbnQtZmFtaWx5OiJNb250c2VycmF0IixzYW5zLXNlcmlmO2ZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtd2VpZ2h0OjcwMDt9aDEsLmgxe2xldHRlci1zcGFjaW5nOjAuMDFlbTt9aDIsLmgye2xldHRlci1zcGFjaW5nOjAuMDFlbTt9aDMsLmgze2xldHRlci1zcGFjaW5nOjAuMDFlbTt9aDQsLmg0e2xldHRlci1zcGFjaW5nOjAuMDFlbTt9aDUsLmg1e2xldHRlci1zcGFjaW5nOjAuMDFlbTt9aDYsLmg2e2xldHRlci1zcGFjaW5nOjAuMDFlbTt9LnctaHtmb250LXdlaWdodDo3MDAgIWltcG9ydGFudDt9LngtY29udGFpbmVyLndpZHRoe3dpZHRoOjk1JTt9LngtY29udGFpbmVyLm1heHttYXgtd2lkdGg6MTIwMHB4O30ueC1tYWluLmZ1bGx7ZmxvYXQ6bm9uZTtkaXNwbGF5OmJsb2NrO3dpZHRoOmF1dG87fUBtZWRpYSAobWF4LXdpZHRoOjk3OXB4KXsueC1tYWluLmZ1bGwsLngtbWFpbi5sZWZ0LC54LW1haW4ucmlnaHQsLngtc2lkZWJhci5sZWZ0LC54LXNpZGViYXIucmlnaHR7ZmxvYXQ6bm9uZTtkaXNwbGF5OmJsb2NrO3dpZHRoOmF1dG8gIWltcG9ydGFudDt9fS5lbnRyeS1oZWFkZXIsLmVudHJ5LWNvbnRlbnR7Zm9udC1zaXplOjFyZW07fWJvZHksaW5wdXQsYnV0dG9uLHNlbGVjdCx0ZXh0YXJlYXtmb250LWZhbWlseToiTXVsaSIsc2Fucy1zZXJpZjt9aDEsaDIsaDMsaDQsaDUsaDYsLmgxLC5oMiwuaDMsLmg0LC5oNSwuaDYsaDEgYSxoMiBhLGgzIGEsaDQgYSxoNSBhLGg2IGEsLmgxIGEsLmgyIGEsLmgzIGEsLmg0IGEsLmg1IGEsLmg2IGEsYmxvY2txdW90ZXtjb2xvcjpyZ2IoNzQsNzQsNzQpO30uY2ZjLWgtdHh7Y29sb3I6cmdiKDc0LDc0LDc0KSAhaW1wb3J0YW50O30uY2ZjLWgtYmR7Ym9yZGVyLWNvbG9yOnJnYig3NCw3NCw3NCkgIWltcG9ydGFudDt9LmNmYy1oLWJne2JhY2tncm91bmQtY29sb3I6cmdiKDc0LDc0LDc0KSAhaW1wb3J0YW50O30uY2ZjLWItdHh7Y29sb3I6cmdiKDY0LDY0LDY0KSAhaW1wb3J0YW50O30uY2ZjLWItYmR7Ym9yZGVyLWNvbG9yOnJnYig2NCw2NCw2NCkgIWltcG9ydGFudDt9LmNmYy1iLWJne2JhY2tncm91bmQtY29sb3I6cmdiKDY0LDY0LDY0KSAhaW1wb3J0YW50O30ueC1idG4sLmJ1dHRvbixbdHlwZT0ic3VibWl0Il17Y29sb3I6I2ZmZjtib3JkZXItY29sb3I6aHNsKDEyOSw1MSUsNTQlKTtiYWNrZ3JvdW5kLWNvbG9yOmhzbCgxMjksNTElLDU0JSk7dGV4dC1zaGFkb3c6MCAwLjA3NWVtIDAuMDc1ZW0gcmdiYSgwLDAsMCwwLjUpO2JvcmRlci1yYWRpdXM6MC4yNWVtO30ueC1idG46aG92ZXIsLmJ1dHRvbjpob3ZlcixbdHlwZT0ic3VibWl0Il06aG92ZXJ7Y29sb3I6I2ZmZjtib3JkZXItY29sb3I6cmdiKDQyLDEzMiw1NSk7YmFja2dyb3VuZC1jb2xvcjpyZ2IoNDIsMTMyLDU1KTt0ZXh0LXNoYWRvdzowIDAuMDc1ZW0gMC4wNzVlbSByZ2JhKDAsMCwwLDAuNSk7fS54LWJ0bi54LWJ0bi1yZWFsLC54LWJ0bi54LWJ0bi1yZWFsOmhvdmVye21hcmdpbi1ib3R0b206MC4yNWVtO3RleHQtc2hhZG93OjAgMC4wNzVlbSAwLjA3NWVtIHJnYmEoMCwwLDAsMC42NSk7fS54LWJ0bi54LWJ0bi1yZWFse2JveC1zaGFkb3c6MCAwLjI1ZW0gMCAwIHJnYig0MiwxMzIsNTUpLDAgNHB4IDlweCByZ2JhKDAsMCwwLDAuNzUpO30ueC1idG4ueC1idG4tcmVhbDpob3Zlcntib3gtc2hhZG93OjAgMC4yNWVtIDAgMCByZ2IoNDIsMTMyLDU1KSwwIDRweCA5cHggcmdiYSgwLDAsMC`
 * Worth adding is that disable minify CSS on the specific pages it happens on doesn’t
   solve it. I must disable combine as well which isn’t even enabled.
    Once I disable
   these two functions on the page it works:
 *     ```
        Do not minify CSS files on this page
        Do not combine CSS files on this page
       ```
   
    -  This topic was modified 3 years, 10 months ago by [Rookie](https://wordpress.org/support/users/alriksson/).

Viewing 1 replies (of 1 total)

 *  Plugin Author [Gabe Livan](https://wordpress.org/support/users/gabelivan/)
 * (@gabelivan)
 * [3 years, 8 months ago](https://wordpress.org/support/topic/minify-css-calc-issue-break-inline-css/#post-16059857)
 * [@alriksson](https://wordpress.org/support/users/alriksson/) indeed, there was
   a bug, but it’s been fixed. My apologies for this inconvenience! You can update
   to the latest version that was just released. Note that the CSS code you have
   there is not 100% right as it has an extra right curly bracket here and it’s 
   not needed: `}}@media` – it should be `}@media` – if you place that code in a
   professional CSS editor, you will be alerted about it.

Viewing 1 replies (of 1 total)

The topic ‘Minify css calc issue break inline css’ is closed to new replies.

 * ![](https://ps.w.org/wp-asset-clean-up/assets/icon-256x256.png?rev=1981952)
 * [Asset CleanUp: Page Speed Booster](https://wordpress.org/plugins/wp-asset-clean-up/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-asset-clean-up/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-asset-clean-up/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-asset-clean-up/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-asset-clean-up/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-asset-clean-up/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Gabe Livan](https://wordpress.org/support/users/gabelivan/)
 * Last activity: [3 years, 8 months ago](https://wordpress.org/support/topic/minify-css-calc-issue-break-inline-css/#post-16059857)
 * Status: resolved