From 3d4358f51eb0442429ee5dc0a2c2b74d68329478 Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Mon, 26 Aug 2013 12:46:17 -0500 Subject: [PATCH] footer --- dist/framework-with-theme.css | 4 +- example/footers.html | 79 +++++++++++++++++++++++++++++- scss/framework/structure/_bar.scss | 6 ++- 3 files changed, 83 insertions(+), 6 deletions(-) diff --git a/dist/framework-with-theme.css b/dist/framework-with-theme.css index fe81fa3fbd..c73ba6ff50 100644 --- a/dist/framework-with-theme.css +++ b/dist/framework-with-theme.css @@ -129,10 +129,10 @@ main > * { /* Pad top/bottom of content so it doesn't hide behind .bar-title and .bar-tab. Note: For these to work, content must come after both bars in the markup */ -.bar ~ main { +.bar-header ~ main { top: 50px; } -.bar ~ main { +.has-footer { bottom: 50px; } /* Bar docked to bottom used for primary app navigation */ diff --git a/example/footers.html b/example/footers.html index 04f09ff8ce..2748bd7743 100644 --- a/example/footers.html +++ b/example/footers.html @@ -17,10 +17,85 @@

Footers

-
- +
+

Footer should always stay at the bottom of the screen, and on top of the main content. +

    +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
  • asdf +
+

Bottom of the list

+ + diff --git a/scss/framework/structure/_bar.scss b/scss/framework/structure/_bar.scss index 4ddb6cef51..7b85f4ebb4 100644 --- a/scss/framework/structure/_bar.scss +++ b/scss/framework/structure/_bar.scss @@ -75,9 +75,11 @@ /* Pad top/bottom of content so it doesn't hide behind .bar-title and .bar-tab. Note: For these to work, content must come after both bars in the markup */ -.bar ~ main { +.bar-header ~ main { top: $barHeight; } -.bar ~ main { + +.has-footer { bottom: $barHeight; } +