Align menu elements vertically. Align footer bottom of the viewport.

This commit is contained in:
Andrey Shitov 2015-06-13 23:22:26 +03:00
parent 07c593199f
commit e3cca4df37
2 changed files with 11 additions and 4 deletions

View File

@ -4,7 +4,7 @@
{% include head.html %}
<body>
<div style="min-height: 100%; position: relative;">
{% include header.html %}
<div class="page-content">
@ -14,7 +14,6 @@
</div>
{% include footer.html %}
</div>
</body>
</html>

View File

@ -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 {