From fbe9eb2fc491076e2ba8bc9fae41a1d17d74c3ac Mon Sep 17 00:00:00 2001 From: Lisa P Date: Mon, 23 Nov 2015 13:01:18 +0100 Subject: [PATCH] fix safari flexbox issues for plans and logo --- app/styles/app/pages/logo.sass | 17 ++++++----------- app/styles/app/pages/plans.sass | 5 ++--- 2 files changed, 8 insertions(+), 14 deletions(-) diff --git a/app/styles/app/pages/logo.sass b/app/styles/app/pages/logo.sass index 93e93145..b3185b6e 100644 --- a/app/styles/app/pages/logo.sass +++ b/app/styles/app/pages/logo.sass @@ -1,13 +1,11 @@ .landing-pro .list--fonts @extend %list - display: flex - flex-wrap: wrap - justify-content: space-between margin: 3em 0 7em - flex-direction: column @media #{$medium-up} - flex-direction: row + display: flex + flex-flow: row wrap + justify-content: space-between li flex: 1 0 33% margin-bottom: 2em @@ -31,13 +29,10 @@ .list--colors @extend %list - display: flex - flex-wrap: wrap - justify-content: space-around - flex-direction: column @media #{$medium-up} - flex-direction: row - + display: flex + flex-flow: row wrap + justify-content: space-around li flex: 0 0 19% [class^="colors-sample"] diff --git a/app/styles/app/pages/plans.sass b/app/styles/app/pages/plans.sass index fefefce4..a3934750 100644 --- a/app/styles/app/pages/plans.sass +++ b/app/styles/app/pages/plans.sass @@ -94,10 +94,9 @@ .section--enterprise .inner - display: flex - flex-flow: column wrap - justify-content: space-between @media #{$medium-up} + display: flex + justify-content: space-between flex-flow: row wrap .section-text