From 3242e72cfcebe963d7fa132999e7745a93d82295 Mon Sep 17 00:00:00 2001 From: John O'Nolan Date: Sun, 20 Jul 2014 17:27:20 +0200 Subject: [PATCH] Sticky footer --- assets/css/screen.css | 27 ++++++++++++++++++++++----- default.hbs | 6 ++++-- 2 files changed, 26 insertions(+), 7 deletions(-) diff --git a/assets/css/screen.css b/assets/css/screen.css index 3ef7ff3..4534d9f 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -179,6 +179,14 @@ body { color: #3A4145; } +/*Make a sticky footer*/ +.site-wrapper { + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -28px; /*exact height of .site-footer*/ +} + ::-moz-selection { background: #D6EDFF; } @@ -542,6 +550,16 @@ margin on the iframe, cause it breaks stuff. */ animation: fade-in-up-subtle 2s; } +.content { + padding-bottom: 8rem; +} +@media (max-width: 900px) { + .content { padding-bottom: 6rem; } +} +@media (max-width: 500px) { + .content { padding-bottom: 3rem; } +} + /* Every post, on every page, gets this style on its
tag */ .post { position: relative; @@ -997,8 +1015,11 @@ margin on the iframe, cause it breaks stuff. */ ========================================================================== */ .site-footer { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; position: relative; - margin: 8rem 0 0 0; + height: 28px; padding: 0.5rem 35px; border-top: #EBF2F6 1px solid; font-family: "Open Sans", sans-serif; @@ -1361,10 +1382,6 @@ margin on the iframe, cause it breaks stuff. */ display: block; } - .site-footer { - margin-top: 3rem; - } - } diff --git a/default.hbs b/default.hbs index 5f23e1c..268f604 100644 --- a/default.hbs +++ b/default.hbs @@ -23,8 +23,10 @@ - {{! Everything else gets inserted here }} - {{{body}}} +
+ {{! Everything else gets inserted here }} + {{{body}}} +