$switch-width: $switch-height * 2;
$paddle-height: $switch-height - ($switch-paddle-offset * 2);
$paddle-width: $switch-height - ($switch-paddle-offset * 2);
- $paddle-left-active: $switch-width - $paddle-width - $switch-paddle-offset;
+ $paddle-active-offest: $switch-width - $paddle-width - $switch-paddle-offset;
background: $switch-background;
cursor: pointer;
background: $switch-background-active;
&::after {
- #{$global-left}: $paddle-left-active;
+ #{$global-left}: $paddle-active-offest;
}
}
$switch-width: $switch-height * 2;
$paddle-width: $switch-height - ($paddle-offset * 2);
$paddle-height: $switch-height - ($paddle-offset * 2);
- $paddle-left-active: $switch-width - $paddle-width - $paddle-offset;
+ $paddle-active-offest: $switch-width - $paddle-width - $paddle-offset;
height: $switch-height;
}
input:checked ~ .switch-paddle::after {
- #{$global-left}: $paddle-left-active;
+ #{$global-left}: $paddle-active-offest;
}
}