Open Coding Society · SASS Grammar

Build with the visual grammar

Each lesson pairs the written rule with a working OCS example, so the documentation and the interface stay connected.

Buttons

Compose actions with shared button sizes, states, icons, and pill treatments.

Explore buttons

Choose a grid structure for comparison, repetition, galleries, and responsive layouts.

Explore grids

Organize navigation, headings, cards, grids, tables, and actions into readable pages.

Explore containers