• Resolved Rookie

    (@alriksson)


    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.
Viewing 1 replies (of 1 total)
  • Plugin Author Gabe Livan

    (@gabelivan)

    @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.