23-Layout — Layout Primitives
Foundational layout patterns: containers, grids, flex utilities, and more.
Container
Centered max-width containers with responsive padding.
.ss-l-container — Centered with max-width
Grid System
Flexible CSS Grid layouts.
1
2
3
4
5
6
7
8
9
10
11
12
1/3
1/3
1/3
Flexbox Utilities
Row (default):
Item 1
Item 2
Item 3
Space Between:
Left
Right
Center:
Centered
Layout Classes
| Class | Description |
|---|---|
.ss-l-container |
Centered container with max-width |
.ss-l-grid |
CSS Grid container |
.ss-flex |
Flexbox container |
.ss-f-stack |
Vertical flex stack |
.ss-f-cluster |
Flexible wrapping cluster |
.ss-sidebar |
Sidebar layout pattern |