From e3cca4df37181a06299bb2b6ec7d48c11cf2c7ea Mon Sep 17 00:00:00 2001 From: Andrey Shitov Date: Sat, 13 Jun 2015 23:22:26 +0300 Subject: [PATCH] Align menu elements vertically. Align footer bottom of the viewport. --- _layouts/default.html | 5 ++--- _sass/_layout.scss | 10 +++++++++- 2 files changed, 11 insertions(+), 4 deletions(-) diff --git a/_layouts/default.html b/_layouts/default.html index e4ab96fb0..acc6bc15c 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -4,7 +4,7 @@ {% include head.html %} - +
{% include header.html %}
@@ -14,7 +14,6 @@
{% include footer.html %} - +
- diff --git a/_sass/_layout.scss b/_sass/_layout.scss index 018dd44c7..dbd080e3b 100644 --- a/_sass/_layout.scss +++ b/_sass/_layout.scss @@ -1,3 +1,6 @@ +html {height: 100%;} +body{ height: 100%; margin: 0;} + /** * Site header */ @@ -40,6 +43,8 @@ &:not(:first-child) { margin-left: 20px; } + + vertical-align: middle; } @include media-query($on-palm) { @@ -93,7 +98,10 @@ */ .site-footer { border-top: 5px solid #1B73BA; - background-color: #2388DB + background-color: #2388DB; + position: absolute; + bottom: 0; + width: 100%; } .footer-heading {