fix switches

This commit is contained in:
Lisa Passing 2015-03-25 17:50:52 +01:00
parent a9ad4fb70a
commit 125f230ea1
3 changed files with 58 additions and 43 deletions

View File

@ -37,7 +37,7 @@
// @import "app/tabs";
@import "app/tipsy";
// @import "app/components/travis-switch";
@import "app/components/travis-switch";
@import "app/components/sync-button";
@import "app/modules/section";

View File

@ -1,10 +1,16 @@
$switch-height: 28px
$switch-inner-height: 22px
$switch-width: 62px
$switch-inner-width: 27px
.profile-main
.switch
$switch-height: 28px
$switch-inner-height: 22px
$switch-width: 62px
$switch-inner-width: 27px
span
display: none
.switch
box-sizing: border-box
position: relative
width: $switch-width
height: $switch-height
@ -12,6 +18,8 @@ $switch-inner-width: 27px
border: none
cursor: pointer
@extend %border-radius-4px
&:before
content: none
&:after
content: ""
display: block

View File

@ -0,0 +1,7 @@
<span class="on">
ON
</span>
<span class="off">
OFF
</span>