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