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/tabs";
@import "app/tipsy"; @import "app/tipsy";
// @import "app/components/travis-switch"; @import "app/components/travis-switch";
@import "app/components/sync-button"; @import "app/components/sync-button";
@import "app/modules/section"; @import "app/modules/section";

View File

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

View File

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