tlareg/sticky-footer.html

## sticky-footer.html
<!DOCTYPE html>
<html>
  <head></head>
  <body>

    <div class="content">
      <h1>content</h1>
    </div>

    <footer class="footer">
      <p>so sticky..</p>
    </footer>

  </body>
</html>


## sticky-footer.scss
$footer-height: 150px;

* {
  margin: 0;
}

html, body {
  height: 100%;
}

.content {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -$footer-height;
}

.content:after {
  content: "";
  display: block;
}

.footer, .content:after {
  height: $footer-height;
}