From 6ee5e61bd5d2f6a494a270b92de760bdac08e39d Mon Sep 17 00:00:00 2001 From: Michael Rose Date: Fri, 18 Oct 2019 10:56:20 -0400 Subject: [PATCH] Use flexbox to force footer to the bottom of every page --- _sass/minimal-mistakes/_footer.scss | 5 ----- _sass/minimal-mistakes/_page.scss | 16 ++++++++++++++++ 2 files changed, 16 insertions(+), 5 deletions(-) diff --git a/_sass/minimal-mistakes/_footer.scss b/_sass/minimal-mistakes/_footer.scss index 766c6c72..71692a08 100644 --- a/_sass/minimal-mistakes/_footer.scss +++ b/_sass/minimal-mistakes/_footer.scss @@ -9,11 +9,6 @@ margin-right: 0; width: 100%; clear: both; - /* sticky footer fix start */ - position: absolute; - bottom: 0; - height: auto; - /* sticky footer fix end */ margin-top: 3em; color: $muted-text-color; -webkit-animation: $intro-transition; diff --git a/_sass/minimal-mistakes/_page.scss b/_sass/minimal-mistakes/_page.scss index 69430cc9..c6f19023 100644 --- a/_sass/minimal-mistakes/_page.scss +++ b/_sass/minimal-mistakes/_page.scss @@ -19,6 +19,22 @@ } } +body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + min-height: 100vh; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.initial-content, +.search-content { + flex: 1; +} + .page { @include breakpoint($large) { float: right;