Default theme: Use flexbox to grow content div
This commit is contained in:
parent
a8f0fd1f33
commit
86614a3ab4
1 changed files with 14 additions and 0 deletions
|
@ -211,6 +211,17 @@ blockquote {
|
|||
|
||||
/* Structure Styles
|
||||
/*---------------------------------------------*/
|
||||
body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
height: 100%;
|
||||
}
|
||||
body > * {
|
||||
flex: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.inner {
|
||||
width: 850px;
|
||||
margin: 0 auto;
|
||||
|
@ -262,6 +273,9 @@ blockquote {
|
|||
display: inline-block;
|
||||
float: left;
|
||||
}
|
||||
#content {
|
||||
flex: 1 0 auto;
|
||||
}
|
||||
#footer {
|
||||
background: #707070;
|
||||
padding: 60px 0;
|
||||
|
|
Loading…
Reference in a new issue