From 68ca8a482fb8d1080925a6a7229c7e8bf407580e Mon Sep 17 00:00:00 2001 From: Sahat Yalkabov Date: Sun, 11 May 2014 04:04:39 -0400 Subject: [PATCH] Simplified sticky footer css styles --- public/css/styles.less | 25 ++++++++++--------------- public/css/themes/default.less | 10 +--------- public/css/themes/flatly.less | 7 ------- views/partials/footer.jade | 2 +- 4 files changed, 12 insertions(+), 32 deletions(-) diff --git a/public/css/styles.less b/public/css/styles.less index b4d9f59594..b0e7d5fd04 100644 --- a/public/css/styles.less +++ b/public/css/styles.less @@ -7,27 +7,22 @@ // Scaffolding // ------------------------- -html, body { - height: 100%; +html { + position: relative; + min-height: 100%; } body { - padding-top: 70px; + padding-top: 60px; + margin-bottom: 90px; } -#wrap { - min-height: 100%; - height: auto !important; - height: 100%; - /* Negative indent footer by its height */ - margin: 0 auto -110px; - /* Pad bottom by footer height + (optional) extra spacing */ - padding: 0 0 140px; -} -#footer { - height: 110px; - padding-top: 15px; +footer { + position: absolute; + bottom: 0; + width: 100%; + height: 90px; } // Navbar diff --git a/public/css/themes/default.less b/public/css/themes/default.less index 8e8d24de40..ab74cff800 100644 --- a/public/css/themes/default.less +++ b/public/css/themes/default.less @@ -94,12 +94,4 @@ transition: all 0.2s linear; } } -} - -// Footer -// ------------------------- - -#footer { - background-color: #f8f8f8; - border-top: 1px solid #e7e7e7; -} +} \ No newline at end of file diff --git a/public/css/themes/flatly.less b/public/css/themes/flatly.less index b4e124c001..a0202438cc 100644 --- a/public/css/themes/flatly.less +++ b/public/css/themes/flatly.less @@ -988,11 +988,4 @@ input[type="color"], .well { .box-shadow(none); -} - -// Footer ================================================================= - -#footer { - color: #fff; - background-color: @brand-primary; } \ No newline at end of file diff --git a/views/partials/footer.jade b/views/partials/footer.jade index 7423744121..5909b61ec1 100644 --- a/views/partials/footer.jade +++ b/views/partials/footer.jade @@ -1,4 +1,4 @@ -#footer +footer .container.text-center div © 2014 Company, Inc. div