UNPKG

3.63 kBSCSSView Raw
1@mixin table-border-rtl($border-width) {
2 table {
3 tr td:first-child,
4 tr th:first-child {
5 // border-left-width: $border-width;
6 border-left-width: 0;
7 border-right-width: $border-width;
8 }
9 }
10 #{$table-prefix}-header {
11 th {
12 border-top-width: $border-width;
13 }
14 tr th:last-child {
15 border-left-width: $border-width;
16 border-right-width: 0;
17 // border-right-width: $border-width;
18 }
19 }
20 #{$table-prefix}-body {
21 td {
22 border-top-width: $border-width;
23 }
24 tr:last-child td {
25 border-bottom-width: $border-width;
26 }
27 tr td:last-child {
28 border-left-width: $border-width;
29 border-right-width: 0;
30 // border-right-width: $border-width;
31 }
32 }
33}
34
35
36#{$table-prefix}[dir="rtl"] {
37 th {
38 text-align: right;
39 }
40
41 #{$table-prefix}-header-resizable {
42 #{$table-prefix}-resize-handler {
43 right: auto;
44 left: 0;
45 }
46 }
47 td {
48 #{$table-prefix}-cell-wrapper {
49 .#{$css-prefix}icon-arrow-down.#{$css-prefix}table-tree-arrow,
50 .#{$css-prefix}icon-arrow-right.#{$css-prefix}table-tree-arrow,
51 #{$table-prefix}-tree-placeholder {
52 margin-left: 3px;
53 margin-right: 0;
54 float: right;
55 }
56 }
57 }
58
59 #{$table-prefix}-expanded-row {
60 td {
61 &:first-child {
62 border-left-width: 0;
63 border-right-width: 1px;
64 }
65 &:last-child {
66 border-left-width: 1px;
67 border-right-width: 0;
68 }
69 }
70 }
71
72
73 &.only-bottom-border {
74 #{$table-prefix}-expanded-row {
75 th {
76 border-width: 0 0 $table-normal-border-width 0;
77 }
78 td {
79 border-width: 0 0 $table-normal-border-width 0;
80 }
81 }
82 }
83
84 #{$table-prefix}-filter-footer {
85 button {
86 margin-left: 5px;
87 margin-right: 0;
88 }
89 }
90
91 #{$table-prefix}-lock-left,
92 #{$table-prefix}-lock-right {
93 left: auto;
94 right: 0;
95 }
96
97 #{$table-prefix}-lock-right {
98 right: auto;
99 left: 0;
100 table tr td:first-child,
101 table tr th:first-child {
102 border-right-width: 1px;
103 }
104 &.shadow {
105 box-shadow: 2px 0 3px rgba(0, 0, 0, .12);
106 }
107 }
108
109 #{$table-prefix}-lock-left {
110 &.shadow {
111 box-shadow: -2px 0 3px rgba(0, 0, 0, .12);
112 }
113 }
114
115 #{$table-prefix}-sort {
116 .#{$css-prefix}icon {
117 right: 0;
118 left: auto;
119 }
120 .#{$css-prefix}icon-ascending {
121 right: 4px;
122 left: auto;
123 }
124 }
125
126 #{$table-prefix}-filter {
127 margin-right: 5px;
128 margin-left: 0;
129 }
130}
131
132#{$table-prefix}-fixed[dir="rtl"] {
133
134 table {
135 tr td:first-child,
136 tr th:first-child {
137 border-left-width: $table-normal-border-width;
138 border-right-width: 0;
139 }
140 }
141 #{$table-prefix}-header {
142 tr th:last-child {
143 border-left-width: $table-normal-border-width;
144 }
145 }
146 #{$table-prefix}-body {
147 tr td:last-child {
148 border-left-width: $table-normal-border-width;
149 }
150 }
151
152 // @include table-border-rtl(0);
153 // &#{$table-prefix}-group {
154 // @include table-border-rtl($table-normal-border-width);
155 // }
156}