Instantly share code, notes, and snippets.

Embed
What would you like to do?
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