How can I convert Sass to CSS for a minimal theme?

Technical Q&A
1

I heard Sass (SCCS) will be deprecated. How to transform Theme.sccs and timber.sccs into CSS files for minimal theme ? Does anyone can help me ?

2

@creationacc

You can use a tool like this to compile the SCSS to CSS. I’d also suggest converting the .liquid variables to CSS variables beforehand (if there are any), because the compiler will not understand what they’re and break.

Kind regards,
Diego

3

sorry to hijack this thread, the compilers throw errors. I took the rendered css and created a new raw css file, uploaded it to the assets folder “custom_style.css”. In theme.liquid

I have changed {{ ‘timber.scss.css’ | asset_url | stylesheet_tag }} to {{ ‘custom_style.css’ | asset_url | stylesheet_tag }} and then the style/layout isnt rendered correctly.

What am I missing? All i am doing is changing font colors/background colors so it is meeting WCAG compliance.