堅牢で保守的な最低限度の CSS 設計 - Qiita

CSS 設計でいう保守性とは、新しいルールの追加・更新のしやすさ をあらわす。保守性を高めるためには、変更の局所化、他のルールへの副作用を最小にするアーキテクチャ を採用します。 設計思想は FLOCSS ベースの ECSS + rscss + Tailwind CSS のいいとこ取り 命名規則は MindBEMding （以降、BEM） 開発言語は Sass + PostCSS コンポーネント粒度 FLOCSS ではプロジェクトにおいて繰り返されるビジュアルパターンをすべて Object として定義します。Object には、Component と Project のレイヤーがあり、この 2 つの判別において Atomic Design のコンポーネント粒度の考えを拝借します。具体的には、 Component：Atoms Project：Molecules に分類します。 単語間の区切り

[d4-1977]

ざっくりと読んで、ですよねー、という感じです。

[yarumato]

“新しいルールの追加・更新のしやすさを高めるため、変更の局所化、他のルールへの副作用を最小にするCSS設計。設計思想は FLOCSS + ECSS。命名規則はMindBEMding。開発言語は Sass + PostCSS”

[tsuki-rs]

非常に近しい考え

[kouyan_h]

非常にいい！

[nibushibu]

すごくいい。やり方はちょっと自分と違うけど問題意識はすごく似てるし理解できる内容。 .-modifier とかは、自分も考えたんだけど、クラスの詳細度があがっちゃうのがちょっと気持ち悪く感じちゃうタイプ（でもアリ

[manabuyasuda]

考えが近しい