Created
May 23, 2014 12:38
-
-
Save tjunghans/138aaa40f22e743c347f to your computer and use it in GitHub Desktop.
CSS Directory structure inspired by CSSWizardry
This file contains hidden or 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
| Directories: | |
| * 0-settings | |
| * 1-tools | |
| * 2-generic | |
| * 3-base | |
| * 4-objects | |
| * 5-gui | |
| * 6-trump | |
| # 0-settings | |
| Contains project configs, variables, parameters, etc. This directory produces no css. | |
| # 1-tools | |
| Contains global functions and mixins. This directory produces no css. | |
| # 2-generic | |
| Contains global styles and resets (*, normalize.css, etc) | |
| # 3-base | |
| Contains css for html tags such as body, h1, ul, li, a, etc. No css classes are defined here. | |
| # 4-objects | |
| *This is where modules appear and where groups (https://know.namics.com/display/frontend/Komponenten-Prinzip) are styled. | |
| # 5-gui | |
| *This is where skins and group modifications are applied | |
| # 6-trump | |
| This is where util and state classes such as .is-hidden are placed. The css declarations usually include !important. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment