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

replaced box-flex and altered #left min/max width

Browse Source
This commit is contained in:
Justine Arreche 2013-10-02 12:14:35 -04:00
parent 87046b60f1
commit e59ed8766a
1 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
assets/styles/layout.sass
View File

@ -1,6 +1,14 @@
@import "_mixins/all" @import "_mixins/all"
$left-width: 250px
@mixin display-flex
display: -webkit-flex
display: flex
@mixin flex($grow, $shrink, $size)
-webkit-flex: $grow $shrink $size
flex: $grow $shrink $size
html, body html, body
height: 100% height: 100%
@ -25,18 +33,28 @@ html, body
#left, #right #left, #right
position: relative position: relative
min-height: 100% min-height: 100%
-moz-box-flex: 0
-webkit-box-flex: 0
#left #left
@include flex(1, 1, 30%)
min-width: 380px min-width: 380px
max-width: 380px max-width: 380px
width: -webkit-calc(100% - 1000px)
padding: 0 0 110px 0 padding: 0 0 110px 0
background-color: $color-bg-left background-color: $color-bg-left
border-right: 1px solid $color-border-normal border-right: 1px solid $color-border-normal
@media screen and (max-width: 980px)
#left
max-width: 300px
#main #main
@include flex(1, 1, 70%)
-moz-box-flex: 4
-webkit-box-flex: 4
position: relative position: relative
min-width: 500px min-width: 760px
padding: 20px 40px 80px 30px padding: 20px 40px 80px 30px
@media screen and (max-width: 1400px) @media screen and (max-width: 1400px)