Verwendung von SCSS/SASS in Shopify

Question

Es kann nicht scheinen, dass SCSS in Shopify funktioniert.

Mein CSS Dateiname 'styles.scss.liquid':

$turquoise: #35d7db; 

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

Und mein HTML in Shopify:

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

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

Die Farbe nicht nach oben zeigt, nicht sicher, was das Problem ist. Schätze jeden Rat.

Prost, DB.

Answer 1

Es sollte {{ 'styles.scss.css' | asset_url | stylesheet_tag }} sein Sie müssen .css auch hinzufügen.