Fix footer position to bottom of page
This commit is contained in:
parent
c0997f951c
commit
049e8e07ef
2 changed files with 9 additions and 1 deletions
|
@ -3,6 +3,8 @@ body {
|
||||||
font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen,
|
font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen,
|
||||||
Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica,
|
Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica,
|
||||||
Arial, sans-serif;
|
Arial, sans-serif;
|
||||||
|
position: relative;
|
||||||
|
min-height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.deleted {
|
.deleted {
|
||||||
|
@ -282,8 +284,13 @@ input[type="search"]::-webkit-search-cancel-button {
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
color: #666666;
|
color: #666666;
|
||||||
margin: 2em 0;
|
margin: 1.5em 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
height: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
body .footer a {
|
body .footer a {
|
||||||
|
|
|
@ -106,6 +106,7 @@
|
||||||
|
|
||||||
<%= content %>
|
<%= content %>
|
||||||
|
|
||||||
|
<div id="placeholder" style="margin: 8em;"/>
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<div class="pure-g">
|
<div class="pure-g">
|
||||||
<div class="pure-u-1 pure-u-md-1-3">
|
<div class="pure-u-1 pure-u-md-1-3">
|
||||||
|
|
Loading…
Reference in a new issue