Advanced Search

Sass Sticky Footer Mixin

/ Published in: CSS
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. =sticky-footer($footer_height, $root_selector:"#root", $root_footer_selector:"#root_footer", $footer_selector:"#footer")
  2.   html
  3.     :height 100%
  4.   body
  5.     :height 100%
  6.   #{$root_selector}
  7.     :min-height 100%
  8.     :margin-bottom -#{$footer_height}
  9.     #{$root_footer_selector}
  10.       :height #{$footer_height}
  11.   #{$footer_selector}
  12.     :clear            both
  13.     :position         relative
  14.     :height          #{$footer_height}

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.