| 1 | @import '../../style/themes/index';
|
| 2 | @import '../../style/mixins/index';
|
| 3 |
|
| 4 | @carousel-prefix-cls: ~'@{ant-prefix}-carousel';
|
| 5 |
|
| 6 | .@{carousel-prefix-cls} {
|
| 7 | &-rtl {
|
| 8 | direction: rtl;
|
| 9 | }
|
| 10 |
|
| 11 | .slick-track {
|
| 12 | .@{carousel-prefix-cls}-rtl & {
|
| 13 | right: 0;
|
| 14 | left: auto;
|
| 15 | }
|
| 16 | }
|
| 17 |
|
| 18 | .slick-prev {
|
| 19 | .@{carousel-prefix-cls}-rtl & {
|
| 20 | right: -25px;
|
| 21 | left: auto;
|
| 22 |
|
| 23 | &::before {
|
| 24 | content: '→';
|
| 25 | }
|
| 26 | }
|
| 27 | }
|
| 28 |
|
| 29 | .slick-next {
|
| 30 | .@{carousel-prefix-cls}-rtl & {
|
| 31 | right: auto;
|
| 32 | left: -25px;
|
| 33 |
|
| 34 | &::before {
|
| 35 | content: '←';
|
| 36 | }
|
| 37 | }
|
| 38 | }
|
| 39 |
|
| 40 |
|
| 41 | .slick-dots {
|
| 42 | .@{carousel-prefix-cls}-rtl& {
|
| 43 | flex-direction: row-reverse;
|
| 44 | }
|
| 45 | }
|
| 46 | }
|
| 47 |
|
| 48 | .@{ant-prefix}-carousel-vertical {
|
| 49 | .slick-dots {
|
| 50 | .@{carousel-prefix-cls}-rtl& {
|
| 51 | flex-direction: column;
|
| 52 | }
|
| 53 | }
|
| 54 | }
|