mirror of
https://github.com/facebook/docusaurus.git
synced 2025-06-02 10:52:35 +02:00
Implement sticky footer using flexbox (#637)
Implemented the solution provided [here](https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/) to allow the footer to stick downward no matter how much content the page contain.
This commit is contained in:
parent
5771549e75
commit
b220ec2f23
1 changed files with 24 additions and 0 deletions
|
@ -1834,3 +1834,27 @@ footer .copyright {
|
|||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 736px) {
|
||||
body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.fixedHeaderContainer {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.navPusher {
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-top: 50px;
|
||||
}
|
||||
.docMainWrapper {
|
||||
flex-grow: 1;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
footer.nav-footer {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue