gistfile1.txt

http://codepen.io/bpainter/pen/IkByq

A little nesting goes a long way.

http://codepen.io/bpainter/pen/aophg

- Only be as specific as you need to be.
- General rule of thumb - Don't nest more than 3 levels. It's a good indicator that you're being overly specific with your selectors.
- Always review your output (especially when you're first starting out). If the CSS being generated starts to look a bit off, review how you're writing your Sass.

http://codepen.io/bpainter/pen/fztwl

Mixin vs Extend - Part 3
http://codepen.io/bpainter/pen/rnHgt

Mixin vs Extend - Part 4

http://codepen.io/bpainter/pen/BDhuf

Functions
http://codepen.io/bpainter/pen/BtIiu

Directives - If
http://codepen.io/bpainter/pen/nJuHk

Each Loop
http://codepen.io/bpainter/pen/LaquJ

While Loop
http://codepen.io/bpainter/pen/mIvjx

Media Queries - Simple
http://codepen.io/bpainter/pen/zjJvG

Media Queries - Super smooth
http://codepen.io/bpainter/pen/rJeLA

Maps

http://codepen.io/bpainter/pen/Fdpxs

StackIcons, related to mapping svg to keycodes: http://css-tricks.com/stackicons-icon-fonts/