maxhoffmann

Component based CSS Architecture

Rules

1. A component always consists of CSS and HTML (JS is optional)
2. HTML and JS of a component are located in ComponentName.js
3. Styles of a component are located in ComponentName.scss
4. Each CSS class starts with the unique component name
5. The HTML of each component only uses its own prefixed classes
6. Components can use other components, but never overwrite their styles