Overview

This is the Pattern Library for your project. It documents the conventions and components used on your project, along with examples of how they’re used.

Conventions

This project uses the following conventions:

• Mobile first (min-width) breakpoints
• Atomic Design components (atoms, molecules, organisms, templates, pages)
• ABEM class naming (.componentName__elementName -modifierName)
• the BPM custom property methodology

Tools

• Cypress
• ESLint
• Fractal
• lazysizes
• Normalize.css
• Sass
• Vite
• Vue