// ----------------------------------------- // STICKY FOOTER // Slight modification from Compass' footer // Structure must be: // //
// ... // //
// // // ----------------------------------------- @mixin sticky-footer($footer-height, $wrapper : '#main-wrapper', $footer-pusher : '#footer-push', $footer : '#footer', $containerize : false) { html, body { height : 100%; @if $containerize { background-color: #eee; } } #{$wrapper} { min-height : 100%; height : auto !important; height : 100%; margin : 0 auto ($footer-height * -1); @if $containerize { max-width : 1440px; background : $body-bg; @include box-shadow(0px 0px 20px rgba(black, 0.2)); } } #{$footer}, #{$footer-pusher} { margin : 0 auto; height : $footer-height; @if $containerize { max-width : 1440px; } } }