0

Shopify テーマの CSS を SASS に変換中です。SASS 補間タグ#{}を使用して、CSS に埋め込まれた shopify テンプレート コードを処理しています。

それは私を困惑させていますが、私は1つのエラーに遭遇しています。SCSSは次のとおりです...

background-image: #{'{% if settings.use-background-image %}'} url( #{ '{{ "background-image.png" | asset_url }}' } ) #{'{% endif %}'};

そして私のエラーは...

error style.scss (Line 83: Invalid CSS after "...{'{% endif %}'}": expected string, was ";")

私が間違っていることはありますか？

4

1 に答える 1

0

次のように実行できます。

.test {
    $test: '{% if settings.use-background-image %} url({{ "background-image.png" | asset_url }}) {% endif %}';
    background-image: unquote($test);
}

これを生成します：

.test {
  background-image: {% if settings.use-background-image %} url({{ "background-image.png" | asset_url }}) {% endif %};
}
于 2012-09-30T14:30:52.657 に答える