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

complete fix of all switch updated styles

Browse Source
This commit is contained in:
Justine Arreche 2014-07-11 17:25:23 +02:00
parent 7eb0b2b436
commit 570709d8dc
1 changed files with 30 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
assets/styles/components/travis-switch.sass
View File

@ -1,6 +1,12 @@
.settings-row .settings-row
margin-top: 20px margin-top: 20px
a.travis-switch
margin: 0 10px 0 0
p.settings-row
line-height: 30px
.travis-switch .travis-switch
position: relative position: relative
display: inline-block display: inline-block
@ -9,7 +15,7 @@
height: 18px height: 18px
margin: 20px 0 50px 0 margin: 20px 0 50px 0
padding: 5px 18px 5px 18px padding: 5px 18px 5px 18px
background-color: #607A83 background-color: #F5F5F5
border: 1px solid #E3E1E1 border: 1px solid #E3E1E1
border-radius: 4px border-radius: 4px
line-height: 19px line-height: 19px
@ -20,23 +26,35 @@
&:before &:before
content: "" content: ""
position: absolute position: absolute
top: -1px top: 1px
left: -1px left: 1px
width: 28px width: 42px
height: 18px height: 24px
background: #e9e9e7 background: #e9e9e7
border: 1px solid #bdbdbd border: 1px solid #d7d4d4
border-radius: 2px
.travis-switch.active .travis-switch.active
width: 56px width: 60px
padding: 5px 18px 5px 18px padding: 5px 18px 5px 18px
background: #f5f5f5 background-color: #607A83
border: 1px solid #bdbdbd border-radius: 4px
border-radius: 3px
color: #ffffff color: #ffffff
font-weight: 600 font-weight: 600
text-align: left text-align: left
&:before &:before
left: auto left: auto
right: -1px right: 1px
width: 30px width: 42px
height: 24px
border: 1px solid #9cafb5
span.on
background-color: #607A83
color: #fff
font-weight: 800
border-radius: 3px
float: left
span.off
float: right