| 1 | @charset "UTF-8";
|
| 2 |
|
| 3 | .#{$css-prefix}switch {
|
| 4 | &:after[dir="rtl"] {
|
| 5 | content: " ";
|
| 6 | transition: all $motion-duration-immediately $motion-linear;
|
| 7 | transform-origin: right center;
|
| 8 | }
|
| 9 |
|
| 10 | &-medium[dir="rtl"] {
|
| 11 | &:after {
|
| 12 | right: 100%;
|
| 13 | transform: translateX(100%);
|
| 14 | }
|
| 15 | }
|
| 16 |
|
| 17 | &-small[dir="rtl"] {
|
| 18 | &:after {
|
| 19 | right: 100%;
|
| 20 | transform: translateX(100%);
|
| 21 | }
|
| 22 | }
|
| 23 |
|
| 24 | &-on[dir="rtl"] {
|
| 25 | > .#{$css-prefix}switch-children {
|
| 26 | color: $switch-normal-on-color-font;
|
| 27 | }
|
| 28 | }
|
| 29 |
|
| 30 | &-on[disabled][dir="rtl"] {
|
| 31 | &:after {
|
| 32 | left: 0;
|
| 33 | right: 100%;
|
| 34 | box-shadow: $switch-on-shadow;
|
| 35 | }
|
| 36 | }
|
| 37 |
|
| 38 | &-off[dir="rtl"] {
|
| 39 | &:after {
|
| 40 | right: 0;
|
| 41 | transform: translateX(0);
|
| 42 | box-shadow: $switch-rtl-on-shadow;
|
| 43 | }
|
| 44 | > .#{$css-prefix}switch-children {
|
| 45 | right: auto;
|
| 46 | }
|
| 47 | }
|
| 48 |
|
| 49 | &-off#{&}-small[dir="rtl"] {
|
| 50 | > .#{$css-prefix}switch-children {
|
| 51 | right: auto;
|
| 52 | }
|
| 53 | }
|
| 54 | }
|