SASS-based CSS Pattern Library that we use on client projects
Currently in the process of a complete redesign
Package Manager Used: Yarn
Principles of the new design:
- No uneccesary abstractions. i.e. For example get rid of any grid scss components - use new CSS Grid element
- Design for the latest browsers - ensures you take advantage of their creative capabilites (h/t Rachel Andrew)
- Have solid fallbacks in place for old browsers - progressive enhancement
- Make it lightweight and performance focused
- Utilise OO type folder structure for our SCSS - e.g. 7-1, itcss
- Focus on simple and intuitive sass naming - simplified version of BEM perhaps
- Add Animation as a core component
- Accessibility at the heart
- Fully responsive Typography