styling switches

This commit is contained in:
Justine Arreche 2014-07-04 10:53:15 +02:00
parent 23035306c7
commit ef4b827d3c
2 changed files with 13 additions and 8 deletions

View File

@ -7,12 +7,14 @@
float: left float: left
width: 60px width: 60px
height: 18px height: 18px
margin: 0 10px 0 15px margin: 20px 0 50px 0
padding: 0 10px 0 0 padding: 5px 18px 5px 18px
border: 1px solid #bdbdbd background-color: #607A83
border: 1px solid #E3E1E1
border-radius: 4px
line-height: 19px line-height: 19px
font-size: 11px font-size: 11px
color: #999 color: #999999
cursor: pointer cursor: pointer
text-align: right text-align: right
&:before &:before
@ -27,11 +29,14 @@
.travis-switch.active .travis-switch.active
width: 56px width: 56px
padding: 0 0 0 14px padding: 5px 18px 5px 18px
background: #40454f background: #f5f5f5
border: 1px solid #bdbdbd border: 1px solid #bdbdbd
color: #fff border-radius: 3px
color: #ffffff
font-weight: 600
text-align: left text-align: left
&:before &:before
left: auto left: auto
right: -1px right: -1px
width: 30px

View File

@ -1,7 +1,7 @@
@import "_mixins/all" @import "_mixins/all"
#annotations #annotations
margin: 0 0 0 12px margin: 8px 0 25px 12px
padding: 12px 0 0 0 padding: 12px 0 0 0
@include clearfix @include clearfix