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>

```

The color is not showing up, not at all sure what the problem is. Appreciate any advice.

Cheers, DB.