From 0661f8e3051c01b567ba7a46b9fddf4743762479 Mon Sep 17 00:00:00 2001 From: Chris Eppstein Date: Sat, 24 Apr 2010 16:58:50 -0700 Subject: [PATCH] Docs for sticky footer. --- doc-src/content/reference/compass/layout.haml | 2 +- .../compass/layout/sticky_footer.haml | 23 ++++++++++++++++++- 2 files changed, 23 insertions(+), 2 deletions(-) diff --git a/doc-src/content/reference/compass/layout.haml b/doc-src/content/reference/compass/layout.haml index 401ecb14..b712fc28 100644 --- a/doc-src/content/reference/compass/layout.haml +++ b/doc-src/content/reference/compass/layout.haml @@ -13,4 +13,4 @@ classnames: - render 'reference' do %p This module provides tools to help you with page layout. - So far, it's just the stick-footer mixin. + So far, it's just the sticky-footer mixin. diff --git a/doc-src/content/reference/compass/layout/sticky_footer.haml b/doc-src/content/reference/compass/layout/sticky_footer.haml index 4be05210..4b3ad8f4 100644 --- a/doc-src/content/reference/compass/layout/sticky_footer.haml +++ b/doc-src/content/reference/compass/layout/sticky_footer.haml @@ -10,6 +10,27 @@ classnames: - layout --- - render 'reference' do - %p + :markdown This module provides tools needed to lay out your footer such that it sticks to the bottom of the page. + + Mix in to the top level of your stylesheet, so the footer stays + at the bottom of the screen. This mixin relies on the following + HTML structure, and a fixed-height `#footer` element: + + +
+ +
+ + + + If you use the default selectors, this mixin is simple to use: + + @include sticky-footer(54px) + + You can define the selectors yourself too: + + @include sticky-footer(54px, "#my-root", "#my-root-footer", "#my-footer") \ No newline at end of file