Design Pattern Library for Nortridge
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.
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 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