Converting scss.liquid to css.liquid

Shopify Discussion
,
1

Hi,

I’m using Prestige theme and trying to convert my theme.scss.liquid file to CSS. Liquid.

But when I tried copying and pasting the codes to the converter (https://jsonformatter.org/scss-to-css), it shows error saying as below.

fatal error: parse error: failed at $background : { { settings. background } } ; (stdin) on line 9

I’m not sure why it got an error. Please help me convert the code.

Thank you in advance.

2

As it’s a .liquid file It’s likely is has liquid syntax in the file that a SASS converter cannot read as it’s not really SASS until after the file is rendered to the frontend.

Open your website and view the source html (ctrl+u) find the link to the theme.scss.css file.

If you cannot simply use that CSS then with that url remove the .css part and that should give you a url to the theme.scss file that has the raw rendered SASS file in scss syntax.

3

Thank you for your reply. I found the link to the theme.scss.css file as below.

could you explain more about what to do the next?

I’m trying to convert from scss code to css code. what is SASS file?

4

Can anyone help me with converting to css file?