ShopifyでSCSS/SASSを使用する

Question

ShopifyでSCSSが動作しないようです。

私のCSSファイル名は 'styles.scss.liquid'：Shopifyで

$turquoise: #35d7db; 

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

そして、私のHTML：

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

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

色は何の問題がわからない全然、表示されませんです。アドバイスを感謝します。

乾杯、DB。

Answer 1

{{ 'styles.scss.css' | asset_url | stylesheet_tag }} .cssも追加する必要があります。