summaryrefslogtreecommitdiffstats
path: root/src/objects/_switch.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/objects/_switch.scss')
-rw-r--r--src/objects/_switch.scss10
1 files changed, 2 insertions, 8 deletions
diff --git a/src/objects/_switch.scss b/src/objects/_switch.scss
index cc215a5..4417297 100644
--- a/src/objects/_switch.scss
+++ b/src/objects/_switch.scss
@@ -56,7 +56,6 @@
56 56
57 @include iro.bem-elem('indicator') { 57 @include iro.bem-elem('indicator') {
58 display: block; 58 display: block;
59 position: relative;
60 box-sizing: border-box; 59 box-sizing: border-box;
61 flex: 0 0 auto; 60 flex: 0 0 auto;
62 width: fn.dim(--width); 61 width: fn.dim(--width);
@@ -69,14 +68,9 @@
69 &::after { 68 &::after {
70 content: ''; 69 content: '';
71 display: block; 70 display: block;
72 position: absolute;
73 z-index: 10;
74 top: 50%;
75 left: 0;
76 width: calc(fn.dim(--height) - 2 * fn.dim(--border-width)); 71 width: calc(fn.dim(--height) - 2 * fn.dim(--border-width));
77 height: calc(fn.dim(--height) - 2 * fn.dim(--border-width)); 72 height: calc(fn.dim(--height) - 2 * fn.dim(--border-width));
78 transform: translateY(-50%); 73 transition: transform .2s ease;
79 transition: left .2s ease;
80 border: fn.dim(--border-width) solid fn.color(--handle-border); 74 border: fn.dim(--border-width) solid fn.color(--handle-border);
81 border-radius: fn.dim(--width); 75 border-radius: fn.dim(--width);
82 background-color: fn.color(--handle-bg); 76 background-color: fn.color(--handle-bg);
@@ -116,7 +110,7 @@
116 background-color: fn.color(--handle-border); 110 background-color: fn.color(--handle-border);
117 111
118 &::after { 112 &::after {
119 left: calc(fn.dim(--width) - fn.dim(--height) + .5px); 113 transform: translate(calc(fn.dim(--width) - fn.dim(--height) + .5px), 0);
120 border-color: fn.color(--handle-border); 114 border-color: fn.color(--handle-border);
121 } 115 }
122 } 116 }