How I Structure My CSS

This content originally appeared on Bram.us and was authored by Bramus!

Matthias Ott:

In this post, I will share my current take on CSS structure. It does not religiously follow any particular methodology, although people familiar with Harry Roberts’ ITCSS (“Inverted Triangle CSS”) will definitely recognize parts of his methodology.

The folder structure indeed looks very familiar:

/scss/
├── 1-settings
├── 2-design-tokens
├── 3-tools
├── 4-generic
├── 5-elements
├── 6-skeleton
├── 7-components
├── 8-utilities
├── _shame.scss
└── main.scss

Thanks for sharing, Matt. Always great to compare (and in this case validate) my own approach to other people’s work.

How I Structure My CSS →

This content originally appeared on Bram.us and was authored by Bramus!

Print Share Comment Cite Upload Translate Updates

APA

Bramus! | Sciencx (2021-10-18T21:31:28+00:00) How I Structure My CSS. Retrieved from https://www.scien.cx/2021/10/18/how-i-structure-my-css/

MLA

" » How I Structure My CSS." Bramus! | Sciencx - Monday October 18, 2021, https://www.scien.cx/2021/10/18/how-i-structure-my-css/

HARVARD

Bramus! | Sciencx Monday October 18, 2021 » How I Structure My CSS., viewed ,<https://www.scien.cx/2021/10/18/how-i-structure-my-css/>

VANCOUVER

Bramus! | Sciencx - » How I Structure My CSS. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/10/18/how-i-structure-my-css/

CHICAGO

" » How I Structure My CSS." Bramus! | Sciencx - Accessed . https://www.scien.cx/2021/10/18/how-i-structure-my-css/

IEEE

" » How I Structure My CSS." Bramus! | Sciencx [Online]. Available: https://www.scien.cx/2021/10/18/how-i-structure-my-css/. [Accessed: ]

rf:citation

» How I Structure My CSS | Bramus! | Sciencx | https://www.scien.cx/2021/10/18/how-i-structure-my-css/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.