たかブログ

webを勉強しています。

ディレクトリの分け方まで決まっていていいとこ取りのFLOCSS

Foundation
reset.cssなどサイト全体のデフォルトスタイルを定義

Layout
Objectの配置を決める -->ページでは唯一の存在になるのでidセレクターをつかう

Object
Component
再利用可能なパーツ(プレフィックスにc-をつけること c-btn,)  ーー>SMACSSのモジュールに当たる

Project
Componentにするほどでもないパーツ
 プレフィックスにp-をつける
 
Utility
汎用クラスで単一のスタイルをもつ

それぞれのディレクトリ直下
に切ってあげること


命名規則はBEMと同じ


github.com