A sticky footer that pays little or no regard to markup

footer.scss

$footer-vert-padding:20px;
$footer-height:20px;
$screen-sm:768px;

html {
  position:relative;
  min-height:100%;
}
body {
  @media (min-width: $screen-sm) {
    margin:0 0 $footer-height + ($footer-vert-padding * 2);
  }
}
footer {
  @media (min-width: $screen-sm){
    height:$footer-height + ($footer-vert-padding * 2);
    padding:$footer-vert-padding 0;
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
  }
}