Pipeline : minified CSS file altered and not applied

[iamalexm]

When I activate the css_pipeline and css_minify, the css file is properly created but not applied on the website.

system.yaml

assets:
  css_pipeline: true
  css_minify: true
  css_rewrite: false

My Website when I activate the minify option:

My head stylesheet link :

My source with devtools :

But then when I give a closer look to the CSS file, it seems to be altered. Look to the @ import url, sometime the letter "u" disapear. (It's not the full code, only the first few lines)

@import url(//hello.myfonts.net/count/3b748a);@import u;@import url(https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,700;1,400;1,700&display=swap);rl("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;
rl(https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,700;1,400;1,700&display=swap);0,700;1,400&family=PT+Sans&display=swap");@font-face{font-family:"NoahHead-Light";src:url(../assets/fonts/webFonts/NoahHead-Light/font.woff2) format("woff2"),url(../assets/fonts/webFonts/NoahHead-Light/font.woff) format("woff")}@font-face{font-family:"NoahHead-UltraLight";src:url(../assets/fonts/webFonts/NoahHead-UltraLight/font.woff2) format("woff2"),url(../assets/fonts/webFonts/NoahHead-UltraLight/font.woff) format("woff")}@font-face{font-family:"NoahHead-ExtraBold";src:url(../assets/fonts/webFonts/NoahHead-ExtraBold/font.woff2) format("woff2"),url(../assets/fonts/webFonts/NoahHead-ExtraBold/font.woff) format("woff")}@font-face{font-family:"Noah-Bold";src:url(../assets/fonts/webFonts/Noah-Bold/font.woff2) format("woff2"),url(../assets/fonts/webFonts/Noah-Bold/font.woff) format("woff")}@font-face{font-family:"NoahHead-Heavy";src:url(../assets/fonts/webFonts/NoahHead-Heavy/font.woff2) format("woff2"),url(../assets/fonts/webFonts/NoahHead-Heavy/font.woff) format("woff")}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}*::-moz-selection{background:#95bbd3}*::selection{background:#95bbd3}html{font-size:62.5%;scroll-behavior:smooth}

There are a lot of differences with the minified file generated by sass

@import url("//hello.myfonts.net/count/3b748a");@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,700;1,400;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,700;1,400&family=PT+Sans&display=swap");@font-face{font-family:"NoahHead-Light";src:url("../assets/fonts/webFonts/NoahHead-Light/font.woff2") format("woff2"),url("../assets/fonts/webFonts/NoahHead-Light/font.woff") format("woff")}@font-face{font-family:"NoahHead-UltraLight";src:url("../assets/fonts/webFonts/NoahHead-UltraLight/font.woff2") format("woff2"),url("../assets/fonts/webFonts/NoahHead-UltraLight/font.woff") format("woff")}@font-face{font-family:"NoahHead-ExtraBold";src:url("../assets/fonts/webFonts/NoahHead-ExtraBold/font.woff2") format("woff2"),url("../assets/fonts/webFonts/NoahHead-ExtraBold/font.woff") format("woff")}@font-face{font-family:"Noah-Bold";src:url("../assets/fonts/webFonts/Noah-Bold/font.woff2") format("woff2"),url("../assets/fonts/webFonts/Noah-Bold/font.woff") format("woff")}@font-face{font-family:"NoahHead-Heavy";src:url("../assets/fonts/webFonts/NoahHead-Heavy/font.woff2") format("woff2"),url("../assets/fonts/webFonts/NoahHead-Heavy/font.woff") format("woff")}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}*::-moz-selection{background:#95bbd3}*::selection{background:#95bbd3}

And in the devtools at a certain point, the code becomes white and stays white until the end. Is this why it is not properly interpreted by the browsers?

[ricardo118]

usually this is caused by some improper syntax in one of the css files

[rhukster]

first what version of Grav is this?

second, is it possible to get a mini version of your site? something i can test to recreate this? it really only needs the css files and the theme or at least the bit where you include the various css files.

[iamalexm]

I use grav 1.7.0-rc.13

@rhukster I gave you access to my repo so you can have a look

[rhukster]

Ok turns out it was some bad regex getting caught up with the ; in your import statements.