cascadeLayers

A boilerplate for utilizing cascade layers with your CSS.

Built to give you a headstart setting up your project's styling layer structure.

Getting Started

git clone https://github.com/mattdecamp/cascadeLayers.git

Folder Structure

|–– src
|   |–– styles
|       |–– components
|           |–– article.css
|           |–– aside.css
|           |–– card.css
|           |–– footer.css
|           |–– form.css
|           |–– header.css
|       |–– defaults
|           |–– colors.css
|           |–– fonts.css
|           |–– layout.css
|           |–– links.css
|           |–– typography.css
|       |–– layouts
|           |–– blog.css
|           |–– main.css
|           |–– page.css
|           |–– post.css
|       |–– themes
|           |–– dark.css
|           |–– light.css
|       |–– utilities
|           |–– sizes.css
|           |–– spaces.css
|           |–– sr.css
|   |–– main.css
|   |–– main-with-comments.css

Cascade Layer Resources

• A Complete Guide to CSS Cascade Layers
• Cascade Layers on MDN