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

creationacc
New Member
6 0 0

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  ?

Replies 2 (2)

diego_ezfy
Shopify Partner
2958 568 890

@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

◦ Follow my blog & youtube for coding tutorials.
◦ Replace apps with copy/paste code snippets and save money.
brokerobot
Tourist
10 0 7

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.