Last active
August 19, 2021 20:26
-
-
Save ryuuart/ba9503079eb070a60e1642c24eb1e2e4 to your computer and use it in GitHub Desktop.
Assuming you have folders for where each component will go
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* ITCSS — Inverted Triangle CSS | |
Solving CSS specificity problems one file at a time. | |
*/ | |
/* Settings */ | |
/* Set default values like color and typography here */ | |
@import "settings"; | |
/* Tools */ | |
/* More relevant in SCSS (Sass), but put any tools or mixins (Sass) here */ | |
/* Generic */ | |
/* Any reset or normalization goes here. Setting the CSS settings. */ | |
/* Elements */ | |
/* Any raw HTML element are styled here */ | |
@import "elements"; | |
/* Objects */ | |
/* Any specific object or shared component in the HTML | |
ex: stuff like a `layout`, `container`, `drawer` */ | |
@import "objects"; | |
/* Components */ | |
/* More specific objects | |
ex: `about`, `header`, `footer`, `avatar` */ | |
@import "components"; | |
/* Utilities */ | |
/* Any special override */ | |
@import "utilities"; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment