Shopifyのscssのネストの書き方について

[sleeeep1855]

Shopify CLI でscssを書けるということで、試しにHeaderとHeader_navというクラスにスタイル反映させてみたいのですが、

以下の書き方で反映しませんでした。

.Header{
  background-color: #fff;
  &_nav{
		background-color: #333;
	}
}

ちなみにネストせずに書くと反映されました。

.Header_nav{
		background-color: #333;
}

上記は、１つのクラス名を分解して(入れ子にして)書く方法で、普段のscssコーディング時には反映される書き方なので、何故だろう？と疑問に思い質問しました。

ご教授よろしくお願いいたします。

[sleeeep1855 · Accepted solution]

あ、、、見つけました。なるほど、shopifyのsassのコンパイラが古いんですね。もう長年バージョンアップしてないみたいで。

https://github.com/Shopify/slate/issues/370

[Jizo_Inagaki]

現状に関しましては以下あたりが参考になるかなと思います。

https://www.shopify.com/jp/blog/partner-theme-sass-depricated