EC-CUBE / EC-CUBE/ec-cube

なぜ同コンポーネント内でクラスをネストしているのか

Open
#4,326 0 comments 0 reactions 0 assignees View on GitHub
question
Dominant language
PHP
Stars
788
Forks
719
Avg merge
4d 4h
Merged PRs (30d)
39

Description

## 概要(Overview)
CSSがコンポーネント内でネストされていることで優先度がついてしまい、
修正やカスタマイズをする際に冗長な記述をせざるを得なくなってしまいます。

```
↓最初の&
& &__listItem {
margin-bottom: 4%;
width: 48%;
height: auto;
}
```

これではEC-CUBE3の`id`に`style`が設定されているのと変わらない不便さです。

スタイルガイドではSMACSSのState以外同コンポーネントでのネストは許可されていませんが、なにか理由があるのでしょうか?
特に理由が無いのならばスタイルガイドに準拠した形にしてほしいです。

## 期待する内容(Expect) or 要望 (Requirement)
スタイルガイドに準拠する。

```
↓ネスト用の最初の&はつけない
&__listItem {
margin-bottom: 4%;
width: 48%;
height: auto;
}
```

### 環境 (environment)
+ EC-CUBE: 4.0.x

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.