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.