mirror of
https://github.com/jerryscript-project/jerryscript.git
synced 2025-12-15 16:29:21 +00:00
Align menu elements vertically. Align footer bottom of the viewport.
This commit is contained in:
parent
07c593199f
commit
e3cca4df37
@ -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>
|
||||
|
||||
@ -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 {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user