SASS sticky footer mixin

_sticky_footer.scss

// borrowed from http://zoerooney.com/blog/web-development/clean-sticky-footer-sass-mixin/
@mixin sticky-footer($footer-height, $wrapper-selector: unquote("#wrapper"), $container-selector: unquote("#container"), $footer-selector: unquote("#footer")) {
  html, body {
    height: 100%;
  }
  body {
  	margin: 0px;
  	padding: 0px;
  }
  #{$wrapper-selector} {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -$footer-height;
    #{$container-selector} {
      padding: 0 0 $footer-height 0;
    } 
  }
  #{$footer-selector} {
    height: $footer-height; 
  }
}
 
// usage if you're using the default element ids
// @include sticky-footer(30px);
 
// usage if you want to define the element ids
// @include sticky-footer(30px, '#page', '#main', '#colophon');