travis-web/assets/styles/components/travis-switch.sass
2014-08-21 16:39:15 +02:00

57 lines
949 B
Sass

.settings-row
margin-top: 20px
a.travis-switch
margin: 0 10px 0 0
p.settings-row
line-height: 30px
.travis-switch
position: relative
display: inline-block
float: left
width: 5em
height: 1.45em
margin: 20px 0 50px 0
padding: 0.42em 1.5em
background-color: #F5F5F5
border: 1px solid #E3E1E1
border-radius: 4px
line-height: 1.58em
font-size: 12px
color: #999999
cursor: pointer
text-align: right
&:before
content: ""
position: absolute
top: 1px
left: 1px
width: 3.5em
height: 1.9em
background: #e9e9e7
border: 1px solid #d7d4d4
border-radius: 2px
.travis-switch.active
background-color: #607A83
border-radius: 4px
color: #ffffff
font-weight: 600
text-align: left
&:before
left: auto
right: 1px
border: 1px solid #9cafb5
span.on
background-color: #607A83
color: #fff
font-weight: 800
border-radius: 3px
float: left
span.off
float: right