Why isn't my CSS file minifying on Shopify?

[khairali]

I am trying to  minifying shopify css files , all most in all blogs/forums they  provide one solution by renaming the file xxx.css to xxx.scss.liquid. I followed their steps but still don't get any result . 

below is my snippet , 

First  step rename file  to.  featured-magazine.scss.css;

2nd step is  import

 but still my css file is not  minifying 

what thing i am missing ? or is there any limitation in shopify?

[LuckyNigam]

Hi @khairali 

First you minify the css by online tool and copy the css. create a new file for minifid css and paste the minified css here  then rename the file name in theme.liquid file. 

Thanks

[marie_h]

Yep, since Shopify depreciated SCSS, this solution does not work anymore.

You can try solution from this thread:

https://community.shopify.com/c/Technical-Q-A/Tool-to-minify-css-liquid/m-p/1122310 

also, looks like Shopify will support minification out of the box, as per

https://community.shopify.com/c/Online-Store-Speed/Shopify-offers-Javascript-minification/m-p/110367...