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 | }
|