From 9bd9a9cb969792d6afe91a263e29909fc54a96df Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Sat, 5 Dec 2015 15:15:35 +0100 Subject: [PATCH] firefox flexbox fix --- _src/_assets/styl/content-featured.styl | 9 +++------ _src/_assets/styl/content-photo.styl | 5 +++-- _src/_assets/styl/grid.styl | 4 ++++ 3 files changed, 10 insertions(+), 8 deletions(-) diff --git a/_src/_assets/styl/content-featured.styl b/_src/_assets/styl/content-featured.styl index 610e6100..81dee64b 100644 --- a/_src/_assets/styl/content-featured.styl +++ b/_src/_assets/styl/content-featured.styl @@ -38,12 +38,9 @@ display: block position: relative - @media $breakpoint2 - &:hover - transform: scale(1.03) - .featured-title @extend .transition + transition-property: transform, opacity margin: 0 position: absolute top: 25% @@ -61,11 +58,11 @@ left: 0 opacity: 0 - transform: translate(0, -20px) + transform: translate3d(0, -20px, 0) .featured-link:hover & opacity: 1 - transform: translate(0, 0) + transform: translate3d(0, 0, 0) img.featured-image display: block diff --git a/_src/_assets/styl/content-photo.styl b/_src/_assets/styl/content-photo.styl index aac5c1b1..5bb316b8 100644 --- a/_src/_assets/styl/content-photo.styl +++ b/_src/_assets/styl/content-photo.styl @@ -18,6 +18,7 @@ figcaption @extend .transition + transition-property: transform, opacity position: absolute top: 25% min-width: 45% @@ -38,11 +39,11 @@ left: -16% opacity: 0 - transform: translate(0, -20px) + transform: translate3d(0, -20px, 0) &:hover figcaption opacity: 1 - transform: translate(0, 0) + transform: translate3d(0, 0, 0) .entry-content text-align: left diff --git a/_src/_assets/styl/grid.styl b/_src/_assets/styl/grid.styl index b829421b..f6342735 100644 --- a/_src/_assets/styl/grid.styl +++ b/_src/_assets/styl/grid.styl @@ -10,6 +10,7 @@ *:after box-sizing: border-box + // // Base // @@ -22,6 +23,9 @@ .grid__col flex: 1 + // Firefox grid fix for whatever reason + min-height: 0 + min-width: 0 //