/css_organization_example.css
Secret
Created Jun 20, 2013
Stylesheet organization example. Read more here: http://thedaylightstudio.com/blog
| /*************************************************** | |
| CORE | |
| ***************************************************/ | |
| /** NORMALIZE/RESET | |
| ---------------------------------------- **/ | |
| /* Explanation of foo. */ | |
| .foo { } | |
| .bar { } | |
| /* Explanation of baz. */ | |
| .baz { } | |
| /** TYPOGRAPHY | |
| ---------------------------------------- **/ | |
| /** Tertiary Header **/ | |
| .foo { } | |
| .bar { } | |
| .etc { } | |
| /** Tertiary Header | |
| * With comments! Lorem ipsum dolor sit amet, consectetur adipisicing elit, | |
| * sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. | |
| **/ | |
| .foo { } | |
| .bar { } | |
| .etc { } | |
| /** LAYOUT | |
| ---------------------------------------- **/ | |
| .your { } | |
| .favourite { } | |
| .grids { } | |
| .here { } | |
| /*************************************************** | |
| COMPONENTS | |
| ***************************************************/ | |
| /** BUTTONS | |
| ---------------------------------------- **/ | |
| .cta { } | |
| .cta_alt { } | |
| /** BIGPIC | |
| ---------------------------------------- **/ | |
| .bigpic { } | |
| .pager { } | |
| /** CALLOUT BOX (TOUTS) | |
| ---------------------------------------- **/ | |
| .tout { } | |
| .tout_alt { } | |
| /*************************************************** | |
| MODULES | |
| ***************************************************/ | |
| /** HEADER | |
| ---------------------------------------- **/ | |
| .header { } | |
| /** FOOTER | |
| ---------------------------------------- **/ | |
| .footer { } | |
| /** PLUGINS | |
| * Throw your third party plugin CSS here. | |
| ---------------------------------------- **/ | |
| .fancy-plugin { } | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment