nemunaire/nemhugo
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Sticky footer with dynmaic height using flexbox

Browse source
This commit is contained in:
Michael Romero 2017-06-06 23:32:03 -07:00
commit 9ffa13539f
1 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

10
static/css/main.css
View file

@ -1,4 +1,7 @@
/* --- General --- */ /* --- General --- */
html, body {
height: 100%;
}
body { body {
font-family: 'Lora', 'Times New Roman', serif; font-family: 'Lora', 'Times New Roman', serif;
@ -6,6 +9,11 @@ body {
color: #404040; color: #404040;
position: relative; position: relative;
background: #FFF; background: #FFF;
display: flex;
flex-flow: column;
}
.container[role=main] {
margin-bottom:50px;
} }
p { p {
line-height: 1.5; line-height: 1.5;
@ -259,7 +267,7 @@ footer {
padding: 30px 0; padding: 30px 0;
background: #F5F5F5; background: #F5F5F5;
border-top: 1px #EAEAEA solid; border-top: 1px #EAEAEA solid;
margin-top: 50px; margin-top: auto;
font-size: 14px; font-size: 14px;
} }