Hi, so recently I've got a warning:
SCSS support is deprecated in themes
Convert .scss and .scss.liquid files to .css or .css.liquid for a better performing online store and theme editor.
Which is a little scary since while I can do some basic coding, converting .scss.liquid to .css.liquid sounds pretty daunting to me.
Is there an easy way to do this? All the online converters I know throw and error when it comes to liquid variables. Or will Narrative update its theme and convert this for us?
Would be great if anyone can answer this.
convert SCSS to CSS online
Sorry, I guess I wasn't clear here.
I think the main issue I have is converting .SCSS.liquid to .CSS.liquid
All the formatters shows a parsing error when it gets to liquid variables
I'm also interested in this topic. I'm in the same situation as the OP.
I need to convert from .SCSS.liquid to .CSS.liquid because Shopify told me to do so.
Unfortunately, the online tools suggested above don't work for this.
Has anyone a solution?
An easy way is to just view a page that has the rendered css (on your store), view page source, find the file, and copy and paste the rendered css code to a new file. Then, upload the new file as an asset, and change the link in theme.liquid to point to your new file...note that this will result in a straight css file however.
Thanks LBP, that may be my last resort. Without the .liquid, it won't be easy for my admin to adjust the website color. I'll leave the question open without solution for now in case someone has a better solution.
I appreciate your help
Thank you for the tip. I successfully did what you said.
However, I don't see any performance improvement in the Page Speed insights report, under "Eliminate render-blocking resources". It's exactly same as before.
Shopify says in this article that migrating to css would increase page speed performance. What's the point of migrating then? :'( or maybe I didn't do things right?