UNPKG

3.55 kBSCSSView Raw
1#{$pagination-prefix}[dir="rtl"] {
2
3 #{$pagination-prefix} {
4 &-total {
5 margin-right: 0;
6 margin-left: $s-4;
7 }
8
9 &-jump {
10 &-go {
11 margin-left: 0;
12 margin-right: $s-1;
13 }
14 }
15
16 &-size-selector {
17
18 &-title {
19 margin-right: 0;
20 margin-left: $pagination-size-selector-title-margin-right;
21 }
22
23 &-btn.#{$css-prefix}btn-text {
24 & + #{$pagination-prefix}-size-selector-btn {
25 border-left: none;
26 border-right: $line-1 solid $color-line1-2;
27 }
28 }
29 }
30
31 &-pages + #{$pagination-prefix}-size-selector,
32 &-size-selector + #{$pagination-prefix}-pages {
33 margin-left: 0;
34 margin-right: $s-10;
35 }
36 }
37
38 &.#{$css-prefix}start {
39 #{$pagination-prefix}-pages {
40 float: left;
41 }
42 #{$pagination-prefix}-size-selector {
43 float: right;
44 }
45 }
46
47 &.#{$css-prefix}end {
48 #{$pagination-prefix}-pages {
49 float: right;
50 }
51 #{$pagination-prefix}-size-selector {
52 float: left;
53 }
54 }
55
56 &.#{$css-prefix}small {
57 @include pagination-size(
58 'rtl',
59 $itemSplit: $pagination-small-item-split,
60 $itemPaddingLeftRight: calc(#{$s-2} - 2px),
61 $itemBorderWidth: $pagination-small-item-border-width,
62 $itemCorner: $pagination-small-item-corner,
63 $ellipsisSize: $pagination-small-ellipsis-size,
64 $totalFontSize: $pagination-small-total-font-size,
65 $currentFontSize: $pagination-small-current-font-size,
66 $otherFontSize: $pagination-small-jump-font-size,
67 $pageHeihgt: $form-element-small-height,
68 $numberPaddingLeftRight: $pagination-small-size-selector-number-padding,
69 $inputWidth: $pagination-small-input-width
70 );
71 }
72
73 &.#{$css-prefix}medium {
74 @include pagination-size(
75 'rtl',
76 $itemSplit: $pagination-item-split,
77 $itemPaddingLeftRight: calc(#{$s-3} - 2px),
78 $itemBorderWidth: $pagination-item-border-width,
79 $itemCorner: $pagination-item-corner,
80 $ellipsisSize: $pagination-ellipsis-size,
81 $totalFontSize: $pagination-total-font-size,
82 $currentFontSize: $pagination-current-font-size,
83 $otherFontSize: $pagination-jump-font-size,
84 $pageHeihgt: $form-element-medium-height,
85 $numberPaddingLeftRight: $pagination-size-selector-number-padding,
86 $inputWidth: $pagination-input-width
87 );
88 }
89
90 &.#{$css-prefix}large {
91 @include pagination-size(
92 'rtl',
93 $itemSplit: $pagination-large-item-split,
94 $itemPaddingLeftRight: calc(#{$s-4} - 1px),
95 $itemBorderWidth: $pagination-large-item-border-width,
96 $itemCorner: $pagination-large-item-corner,
97 $ellipsisSize: $pagination-large-ellipsis-size,
98 $totalFontSize: $pagination-large-total-font-size,
99 $currentFontSize: $pagination-large-current-font-size,
100 $otherFontSize: $pagination-large-jump-font-size,
101 $pageHeihgt: $form-element-large-height,
102 $numberPaddingLeftRight: $pagination-large-size-selector-number-padding,
103 $inputWidth: $pagination-large-input-width
104 );
105 }
106}