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

remove flexbox on small screens because it causes too much troubl eon safari

Browse Source
This commit is contained in:
Lisa P 2015-11-23 11:36:44 +01:00
parent 362ff8d73a
commit 466588d1d6
2 changed files with 29 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
app/styles/app/pages/home-pro.sass
View File

@ -181,13 +181,11 @@ $grey: #858585
.section--feature .section--feature
.inner .inner
display: flex
justify-content: space-between
flex-direction: column-reverse
align-items: center
@media #{$medium-up} @media #{$medium-up}
flex-direction: row flex-direction: row-reverse
display: flex
justify-content: space-between
align-items: center
.section-list, .section-list,
.section-text .section-text
flex: 0 0 48% flex: 0 0 48%
@ -198,15 +196,12 @@ $grey: #858585
@extend .text-big @extend .text-big
line-height: 1.65 line-height: 1.65
.section--hero .section--hero
.inner .inner
display: flex
justify-content: space-between
flex-direction: column
@media #{$medium-up} @media #{$medium-up}
display: flex
justify-content: space-between
flex-direction: row flex-direction: row
.section-text .section-text
flex: 0 0 47% flex: 0 0 47%
text-align: center text-align: center
@ -228,12 +223,13 @@ $grey: #858585
.list--customers .list--customers
@extend %list @extend %list
display: flex
justify-content: space-around
flex-wrap: wrap
align-items: center
width: 80% width: 80%
margin: 2em auto 0 margin: 2em auto 0
@media #{$medium-up}
display: flex
justify-content: space-around
flex-wrap: wrap
align-items: center
li li
flex: 0 0 9em flex: 0 0 9em
margin-bottom: 3em margin-bottom: 3em
@ -242,9 +238,10 @@ $grey: #858585
.list--languages .list--languages
@extend %list @extend %list
display: flex @media #{$medium-up}
justify-content: space-around display: flex
flex-wrap: wrap justify-content: space-around
flex-wrap: wrap
li li
flex: 0 0 5em flex: 0 0 5em
@ -272,11 +269,10 @@ $grey: #858585
.list--features .list--features
@extend %list @extend %list
display: flex
justify-content: space-between
flex-flow: column wrap
margin-top: 5em margin-top: 5em
@media #{$medium-up} @media #{$medium-up}
display: flex
justify-content: space-between
flex-flow: row wrap flex-flow: row wrap
margin-top: 1em margin-top: 1em
li li

24
app/templates/home-pro.hbs
View File

@ -25,6 +25,18 @@
</section> </section>
<section class="section--feature section--grey"> <section class="section--feature section--grey">
<div class="inner"> <div class="inner">
<div class="section-text">
<h2 class="h2--green">Features created to help your projects and teams</h2>
<ul class="list--check">
<li>Watch your tests as they run</li>
<li>Keep your config with your code</li>
<li>Slack, HipChat, Emails and more</li>
<li>A clean VM for every build</li>
<li>Run your tests in parallel</li>
<li>Linux and Mac (and iOS) supported</li>
<li>Great API and command line tool</li>
</ul>
</div>
<div class="section-list section--center"> <div class="section-list section--center">
<ul class="list--features"> <ul class="list--features">
<li> <li>
@ -49,18 +61,6 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="section-text">
<h2 class="h2--green">Features created to help your projects and teams</h2>
<ul class="list--check">
<li>Watch your tests as they run</li>
<li>Keep your config with your code</li>
<li>Slack, HipChat, Emails and more</li>
<li>A clean VM for every build</li>
<li>Run your tests in parallel</li>
<li>Linux and Mac (and iOS) supported</li>
<li>Great API and command line tool</li>
</ul>
</div>
</div> </div>
</section> </section>
<section class="section--white section--center"> <section class="section--white section--center">