react-simple-toggle
Advanced tools
+1
-1
| { | ||
| "name": "react-simple-toggle", | ||
| "version": "0.0.5", | ||
| "version": "0.0.6", | ||
| "description": "Simple React Toogle", | ||
@@ -5,0 +5,0 @@ "main": "lib/index.js", |
@@ -8,6 +8,6 @@ .toggle{ | ||
| .toggle__left, .toggle__right{ | ||
| margin: 5px; | ||
| transition: all 100ms ease-in; | ||
| } | ||
| .toggle__left{ | ||
| margin: 5px 0 5px 5px; | ||
| background: #B1CECE; | ||
@@ -18,2 +18,3 @@ border-radius: 15px 0 0 15px; | ||
| .toggle__right{ | ||
| margin: 5px 5px 5px 0; | ||
| background: #939393; | ||
@@ -26,2 +27,3 @@ border-radius: 0 15px 15px 0; | ||
| left: 0; | ||
| transform: translate3d(0, 0, 0); | ||
| background: #F1F1F1; | ||
@@ -32,3 +34,3 @@ width: 28px; | ||
| box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); | ||
| transition: left 100ms ease-in; | ||
| transition: transform 100ms ease-in; | ||
| } | ||
@@ -48,3 +50,3 @@ .toggle__center:active{ | ||
| box-shadow: 0 0 0 0 rgba(0, 150, 136, 0.2), 0 1px 3px 1px rgba(0, 0, 0, 0.4); | ||
| left: 25px; | ||
| transform: translate3d(25px, 0, 0); | ||
| } | ||
@@ -51,0 +53,0 @@ .toggle--checked .toggle__center:active{ |
1380450
0.01%34845
0.01%