suzanne.soy/travis-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix safari flexbox issues for plans and logo

Browse Source
This commit is contained in:
Lisa P 2015-11-23 13:01:18 +01:00
parent 787b2fa4d1
commit fbe9eb2fc4
2 changed files with 8 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
app/styles/app/pages/logo.sass
View File

@ -1,13 +1,11 @@
.landing-pro .landing-pro
.list--fonts .list--fonts
@extend %list @extend %list
display: flex
flex-wrap: wrap
justify-content: space-between
margin: 3em 0 7em margin: 3em 0 7em
flex-direction: column
@media #{$medium-up} @media #{$medium-up}
flex-direction: row display: flex
flex-flow: row wrap
justify-content: space-between
li li
flex: 1 0 33% flex: 1 0 33%
margin-bottom: 2em margin-bottom: 2em
@ -31,13 +29,10 @@
.list--colors .list--colors
@extend %list @extend %list
display: flex
flex-wrap: wrap
justify-content: space-around
flex-direction: column
@media #{$medium-up} @media #{$medium-up}
flex-direction: row display: flex
flex-flow: row wrap
justify-content: space-around
li li
flex: 0 0 19% flex: 0 0 19%
[class^="colors-sample"] [class^="colors-sample"]

5
app/styles/app/pages/plans.sass
View File

@ -94,10 +94,9 @@
.section--enterprise .section--enterprise
.inner .inner
display: flex
flex-flow: column wrap
justify-content: space-between
@media #{$medium-up} @media #{$medium-up}
display: flex
justify-content: space-between
flex-flow: row wrap flex-flow: row wrap
.section-text .section-text