Overview

This library is a collection of best practices and guides for building nortridge.com

Considerations and baseline:

• The website follows a pattern/iteration of SMACSS, OOCSS, and BEM.
• The CSS is broken down into base, layouts, modules (objects), tokens, and states.
• The actual website has legacy code build with multiple iterations over the years, as such, there will be a migration process from legacy to following this design library.

Layout

Uses a combination of the new CSS GRID and flexbox.

Spacing is managed by layout CSS using tokens for standardizing margin, padding, and gutter in grid.

Screen sizes & Breakpoints

Base

H tags

Base styling of H tags:

• H1 - This is my title

• H2 - This is my title

• H3 - This is my title

• H4 - This is my title

• H5 - This is my title