YourWishes/jerryscript
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
_layouts/default.html
+2 -3
View File
@@ -4,7 +4,7 @@
{% include head.html %} {% include head.html %}
<body> <body>
<div style="min-height: 100%; position: relative;">
{% include header.html %} {% include header.html %}
<div class="page-content"> <div class="page-content">
@@ -14,7 +14,6 @@
</div> </div>
{% include footer.html %} {% include footer.html %}
</div>
</body> </body>
</html> </html>
_sass/_layout.scss
+9 -1
View File
@@ -1,3 +1,6 @@
html {height: 100%;}
body{ height: 100%; margin: 0;}
/** /**
* Site header * Site header
*/ */
@@ -40,6 +43,8 @@
&:not(:first-child) { &:not(:first-child) {
margin-left: 20px; margin-left: 20px;
} }
vertical-align: middle;
} }
@include media-query($on-palm) { @include media-query($on-palm) {
@@ -93,7 +98,10 @@
*/ */
.site-footer { .site-footer {
border-top: 5px solid #1B73BA; border-top: 5px solid #1B73BA;
background-color: #2388DB background-color: #2388DB;
position: absolute;
bottom: 0;
width: 100%;
} }
.footer-heading { .footer-heading {