FROM CACHE - jp_header

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

解決済
sleeeep1855
新規メンバー
2 1 0

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

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

 

 

 

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

 

 

 

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

 

 

.Header_nav{
		background-color: #333;
}

 

 

 

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

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

1 件の受理された解決策

ベストソリューション
sleeeep1855
新規メンバー
2 1 0

成功

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

 

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

元の投稿で解決策を見る

2件の返信2
sleeeep1855
新規メンバー
2 1 0

成功

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

 

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

Jizo_Inagaki
Shopify Partner
629 255 577

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

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

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。