在Shopify中使用SCSS/SASS

似乎无法让SCS在Shopify中工作

我的CSS文件名'styles.scss.liquid'：

$turquoise: #35d7db;

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

以及我在Shopify中的HTML：

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

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

{{'styles.scss'|资产| url |样式表(标记)}
工具放在这里

颜色没有显示出来，根本不确定问题出在哪里。谢谢你的建议

---

干杯，DB。

应该是

{{'styles.scss.css'| asset|url | stylesheet_tag}}

您也需要添加.css

在Sass文件中使用液体

在Shopify服务器上编译Sass时， 您将创建一个style.scss.liquid文件。Shopify然后编译 首先是Liquid，然后是Sass，以创建最终的CSS文件

---

来源：

使用

/assets

文件夹中的

site.scss.liquid

文件，并将其添加到头标记之间的

主题.liquid

文件中：

{site.scss.css'|asset|url|stylesheet|tag}

文档可在中找到

例如，如果要上载styles.scss.liquid文件，则 可以使用以下标记将其包含在主题中：

<link type="text/css" href="{{ 'styles.scss.css' | asset_url }}" rel="stylesheet">

---

这并没有解决问题。我还没弄明白@MashR。我测试了一下，然后给了你解决方案。我感谢你的努力，我知道你很难确切了解Shopify的情况，但我仍然没有任何运气。给我你的商店url。给我你用来包含scss文件的代码。给我你在里面使用的代码。我将再次比较。应该是正确的。您的style.scss.liquid文件是否在资产文件夹中？