@neatui/css 3.6.12 → 3.6.13
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 +19 -11
- package/package.json +1 -1
package/core/cols.scss
CHANGED
|
@@ -111,10 +111,6 @@
|
|
|
111
111
|
width: #{$w};
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
|
-
// 添加 mob 反向功能
|
|
115
|
-
[ui-row~='mob\\:reverse'] {
|
|
116
|
-
flex-direction: row-reverse;
|
|
117
|
-
}
|
|
118
114
|
} @else {
|
|
119
115
|
@media (min-width: #{$base}px) {
|
|
120
116
|
@for $n from 0 through $cols {
|
|
@@ -136,13 +132,6 @@
|
|
|
136
132
|
}
|
|
137
133
|
}
|
|
138
134
|
}
|
|
139
|
-
|
|
140
|
-
// 添加响应断点反向功能
|
|
141
|
-
@if ($d != '') {
|
|
142
|
-
[ui-row~='#{$d}\\:reverse'] {
|
|
143
|
-
flex-direction: row-reverse;
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
135
|
}
|
|
147
136
|
}
|
|
148
137
|
}
|
|
@@ -156,5 +145,24 @@
|
|
|
156
145
|
flex-grow: 1;
|
|
157
146
|
}
|
|
158
147
|
}
|
|
148
|
+
|
|
149
|
+
// 响应式反向功能 - 仅在对应断点范围内生效
|
|
150
|
+
@include mob {
|
|
151
|
+
[ui-row~='mob\\:reverse'] {
|
|
152
|
+
flex-direction: row-reverse;
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
@include pad {
|
|
157
|
+
[ui-row~='pad\\:reverse'] {
|
|
158
|
+
flex-direction: row-reverse;
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
@include dpc {
|
|
163
|
+
[ui-row~='dpc\\:reverse'] {
|
|
164
|
+
flex-direction: row-reverse;
|
|
165
|
+
}
|
|
166
|
+
}
|
|
159
167
|
}
|
|
160
168
|
@include cols();
|