From 5fd40a3e7d8cbc066eabd54f0aff0ade025d4cf8 Mon Sep 17 00:00:00 2001 From: paulgrock Date: Sat, 5 Sep 2015 12:48:28 -0700 Subject: [PATCH] Adds back in flex box and fixes footer issue. Should close #95. Uses the technique referenced on that to solve the flex box problem. I checked this in FF, Chrome, Safari, IE 10 and 11 and things look fine. --- layouts/css/base.styl | 2 +- layouts/css/layout/_sticky-footer.styl | 9 ++++++--- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/layouts/css/base.styl b/layouts/css/base.styl index 29e1eb0966040..dff18b0091f32 100644 --- a/layouts/css/base.styl +++ b/layouts/css/base.styl @@ -64,7 +64,7 @@ pre color #f0f0f0 // Import specific page sections and layout parts -// @import 'layout/_sticky-footer' +@import 'layout/_sticky-footer' @import 'layout/_grid' @import 'layout/_main' @import 'layout/_lists' diff --git a/layouts/css/layout/_sticky-footer.styl b/layouts/css/layout/_sticky-footer.styl index 47916db196762..ee4deaf29537d 100644 --- a/layouts/css/layout/_sticky-footer.styl +++ b/layouts/css/layout/_sticky-footer.styl @@ -4,8 +4,11 @@ body min-height 100vh margin 0 -main - flex 1 +#main + flex 1 0 auto + +header + flex-shrink 0 footer - padding 0 20px \ No newline at end of file + padding 0 20px