Can't seem to get SCSS working in Shopify

Solved
Highlighted
New Member
1 0 0

Can't seem to get SCSS working in Shopify.

My CSS file name 'styles.scss.liquid':

$turquoise: #35d7db;

#toolbar {
  width: 100%;
  display: inline-block;
  background-color: $turquoise;
}

And my HTML in Shopify:

{{ 'styles.scss' | asset_url | stylesheet_tag }}

<div id='toolbar'>
    <p>Tools go here</p>
</div>
0 Likes

Success.

Shopify Expert
175 34 56

It should be {{ 'styles.scss.css' | asset_url | stylesheet_tag }} You need to add .css too.

 
Problem Solved? ✔️Accept the solution so you can help others.
* Email: fayyazraza@gmail.com * Skype: fayyaz_raza
1 Like