@neatui/css 3.6.10 → 3.6.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/core/cols.scss +11 -0
- package/core/flex.scss +7 -0
- package/package.json +1 -1
package/core/cols.scss
CHANGED
|
@@ -111,6 +111,10 @@
|
|
|
111
111
|
width: #{$w};
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
|
+
// 添加 mob 反向功能
|
|
115
|
+
[ui-row~='mob\\:reverse'] {
|
|
116
|
+
flex-direction: row-reverse;
|
|
117
|
+
}
|
|
114
118
|
} @else {
|
|
115
119
|
@media (min-width: #{$base}px) {
|
|
116
120
|
@for $n from 0 through $cols {
|
|
@@ -132,6 +136,13 @@
|
|
|
132
136
|
}
|
|
133
137
|
}
|
|
134
138
|
}
|
|
139
|
+
|
|
140
|
+
// 添加响应断点反向功能
|
|
141
|
+
@if ($d != '') {
|
|
142
|
+
[ui-row~='#{$d}\\:reverse'] {
|
|
143
|
+
flex-direction: row-reverse;
|
|
144
|
+
}
|
|
145
|
+
}
|
|
135
146
|
}
|
|
136
147
|
}
|
|
137
148
|
}
|
package/core/flex.scss
CHANGED
|
@@ -54,7 +54,11 @@
|
|
|
54
54
|
|
|
55
55
|
[ui-flex~='#{$med}row'] {
|
|
56
56
|
flex-direction: row;
|
|
57
|
+
&[ui-flex~='#{$med}reverse'] {
|
|
58
|
+
flex-direction: row-reverse;
|
|
59
|
+
}
|
|
57
60
|
}
|
|
61
|
+
|
|
58
62
|
[ui-flex~='#{$med}row'] {
|
|
59
63
|
// 对齐
|
|
60
64
|
&[ui-flex~='#{$med}lt'] {
|
|
@@ -188,6 +192,9 @@
|
|
|
188
192
|
|
|
189
193
|
[ui-flex~='#{$med}col'] {
|
|
190
194
|
flex-direction: column;
|
|
195
|
+
[ui-flex~='#{$med}reverse'] {
|
|
196
|
+
flex-direction: column-reverse;
|
|
197
|
+
}
|
|
191
198
|
}
|
|
192
199
|
[ui-flex~='#{$med}col'] {
|
|
193
200
|
// 位置
|