Skip to content

Instantly share code, notes, and snippets.

@nessthehero
Last active December 28, 2015 21:09
Show Gist options
  • Save nessthehero/7562936 to your computer and use it in GitHub Desktop.
Save nessthehero/7562936 to your computer and use it in GitHub Desktop.
Example of SASS Module
.module { // Uses Chris Coyier's SASS style guide
// Extends
@extends %module;
// Native styles
background-color: lightpink;
// Includes (mixins and whatnot)
@include transition(all 0.3s ease-out);
// Nested Selectors
h3 {
// Same pattern, maximum two levels
a{
// Don't go deeper than this.
// Seperate out into new module
}
}
@include bp(medium) {
// Breakpoints
}
}
// Related styles that for some reason must be seperated out
.related {
// Same format as above
}
@eightdotthree
Copy link

Add breakpoints to the bottom of the module.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment