https://github.com/sha-red/compass-mixins/tree/master/lib
extended with more sass frameworks and as django app.
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
23 lines
762 B
23 lines
762 B
// Based on a [blog post by Ryan Fait](http://ryanfait.com/resources/footer-stick-to-bottom-of-page/). |
|
// |
|
// Must be mixed into the top level of your stylesheet. |
|
// |
|
// Footer element must be outside of root wrapper element. |
|
// |
|
// Footer must be a fixed height. |
|
|
|
@mixin sticky-footer($footer-height, $root-selector: unquote("#root"), $root-footer-selector: unquote("#root_footer"), $footer-selector: unquote("#footer")) { |
|
html, body { |
|
height: 100%; } |
|
#{$root-selector} { |
|
clear: both; |
|
min-height: 100%; |
|
height: auto !important; |
|
height: 100%; |
|
margin-bottom: -$footer-height; |
|
#{$root-footer-selector} { |
|
height: $footer-height; } } |
|
#{$footer-selector} { |
|
clear: both; |
|
position: relative; |
|
height: $footer-height; } }
|
|
|