Scalable and Modular Architecture for CSS.
Style guide od Jonathana Snooka.
Je to daleko propracovanější, ale základní myšlenka je v oddělení rozdělení CSS deklarací do těchto kategorií a k nim náležejícím označením ve stylech.
Základna | stylování HTML tagů |
---|---|
Layout | .l-content, .l-side, … |
Modul | všechny třídy bez prefixu |
Stav | .is-collapsed, .is-opened, … |
Skinování | v extra CSS souboru |
Pozn.: Jonathan neříká, že se mají třídy pro layout a stavy prefixovat zrovna takto. Je to na vás. Dělám to takhle na některých projektech a docela se osvědčilo.