Permalink
Browse files

fix(switch): updated tumb size of switch

  • Loading branch information...
Freihofner, Katrin Freihofner, Katrin
Freihofner, Katrin authored and Freihofner, Katrin committed Sep 29, 2016
1 parent 84865cc commit 5225842ee24242e9a348eae016fffc11dd378e42
Showing with 20 additions and 9 deletions.
  1. +20 −9 src/switch/switch.scss
View
@@ -12,7 +12,7 @@
.switch__label {
position: relative;
padding-left: 46px;
padding-left: 44px;
cursor: pointer;
user-select: none;
}
@@ -29,7 +29,7 @@
box-sizing: border-box;
background-color: transparent;
background-image: radial-gradient(circle 5px, transparent 0, transparent 2px, $gray-700 3px, transparent 4px);
background-size: 10px 10px;
background-size: 50% 100%;
background-repeat: no-repeat;
background-position: 22px 4px;
transition: background-color 100ms ease-in;
@@ -38,27 +38,38 @@
.switch__label:after {
content: " ";
height: 16px;
width: 16px;
height: 12px;
width: 12px;
border-radius: 50%;
background-color: $gray-700;
transition: left 100ms ease-out, right 100ms ease-out;
margin-top: 2px;
margin-left: 2px;
margin-top: 3px;
margin-left: 4px;
box-sizing: border-box;
position: absolute;
display: block;
top: -1px;
top: 0;
left: 0;
}
.switch__label:hover:before {
border: solid 1px $turquoise-700;
box-shadow: 0 0 0 1px $turquoise-700;
}
.switch:checked:hover + .switch__label:hover:before {
background-color: $turquoise-700;
border-color: $turquoise-600;
box-shadow: none;
}
.switch__label:focus {
outline: none;
}
.to-right + .switch__label {
padding-left: 0;
padding-right: 46px;
padding-right: 44px;
}
.to-right + .switch__label:before {
@@ -68,7 +79,7 @@
.to-right + .switch__label:after {
left: auto;
right: 18px;
right: 20px;
}
.switch:checked + .switch__label:before {

0 comments on commit 5225842

Please sign in to comment.