@neatui/css 3.0.0-beta.7 → 3.0.0-beta.9
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/base.scss +28 -12
- package/core/scale.scss +1 -0
- package/core/size.scss +10 -7
- package/core/ux.scss +2 -0
- package/package.json +1 -1
package/core/base.scss
CHANGED
|
@@ -288,42 +288,58 @@
|
|
|
288
288
|
}
|
|
289
289
|
|
|
290
290
|
// 不透明度
|
|
291
|
-
.#{$d}o-no
|
|
291
|
+
.#{$d}o-no,
|
|
292
|
+
.#{$d}o-no\:hover:hover {
|
|
292
293
|
opacity: 0;
|
|
293
294
|
}
|
|
294
|
-
.#{$d}o-xs
|
|
295
|
+
.#{$d}o-xs,
|
|
296
|
+
.#{$d}o-xs\:hover:hover {
|
|
295
297
|
opacity: 0.05;
|
|
296
298
|
}
|
|
297
|
-
.#{$d}o-ss
|
|
299
|
+
.#{$d}o-ss,
|
|
300
|
+
.#{$d}o-ss\:hover:hover {
|
|
298
301
|
opacity: 0.1;
|
|
299
302
|
}
|
|
300
|
-
.#{$d}o-sm
|
|
303
|
+
.#{$d}o-sm,
|
|
304
|
+
.#{$d}o-sm\:hover:hover {
|
|
301
305
|
opacity: 0.2;
|
|
302
306
|
}
|
|
303
|
-
.#{$d}o-sl
|
|
307
|
+
.#{$d}o-sl,
|
|
308
|
+
.#{$d}o-sl\:hover:hover {
|
|
304
309
|
opacity: 0.3;
|
|
305
310
|
}
|
|
306
|
-
.#{$d}o-ms
|
|
311
|
+
.#{$d}o-ms,
|
|
312
|
+
.#{$d}o-ms\:hover:hover {
|
|
307
313
|
opacity: 0.4;
|
|
308
314
|
}
|
|
309
|
-
.#{$d}o-mm
|
|
315
|
+
.#{$d}o-mm,
|
|
316
|
+
.#{$d}o-mm\:hover:hover {
|
|
310
317
|
opacity: 0.5;
|
|
311
318
|
}
|
|
312
|
-
.#{$d}o-ml
|
|
319
|
+
.#{$d}o-ml,
|
|
320
|
+
.#{$d}o-ml\:hover:hover {
|
|
313
321
|
opacity: 0.6;
|
|
314
322
|
}
|
|
315
|
-
.#{$d}o-ls
|
|
323
|
+
.#{$d}o-ls,
|
|
324
|
+
.#{$d}o-ls\:hover:hover {
|
|
316
325
|
opacity: 0.7;
|
|
317
326
|
}
|
|
318
|
-
.#{$d}o-lm
|
|
327
|
+
.#{$d}o-lm,
|
|
328
|
+
.#{$d}o-lm\:hover:hover {
|
|
319
329
|
opacity: 0.8;
|
|
320
330
|
}
|
|
321
|
-
.#{$d}o-ll
|
|
331
|
+
.#{$d}o-ll,
|
|
332
|
+
.#{$d}o-ll\:hover:hover {
|
|
322
333
|
opacity: 0.9;
|
|
323
334
|
}
|
|
324
|
-
.#{$d}o-xl
|
|
335
|
+
.#{$d}o-xl,
|
|
336
|
+
.#{$d}o-xl\:hover:hover {
|
|
325
337
|
opacity: 0.95;
|
|
326
338
|
}
|
|
339
|
+
.#{$d}o-xx,
|
|
340
|
+
.#{$d}o-xx\:hover:hover {
|
|
341
|
+
opacity: 1;
|
|
342
|
+
}
|
|
327
343
|
|
|
328
344
|
.#{$d}o-ss\+mm {
|
|
329
345
|
opacity: 0.15;
|
package/core/scale.scss
CHANGED
package/core/size.scss
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
* 备注：s->Small 小，m->Middle 中，l->Large 大；x->Extra 特大
|
|
10
10
|
*/
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
@use 'sass:list';
|
|
13
13
|
|
|
14
14
|
// 全局字号
|
|
15
15
|
@mixin baseSize($sz: 13) {
|
|
@@ -144,17 +144,20 @@
|
|
|
144
144
|
@include randSize();
|
|
145
145
|
|
|
146
146
|
// 平板
|
|
147
|
-
@
|
|
147
|
+
@include pad {
|
|
148
148
|
@include randSize('pad\\:');
|
|
149
149
|
}
|
|
150
150
|
|
|
151
151
|
// 移动
|
|
152
|
-
@media screen and (max-width: 767px) {
|
|
153
|
-
|
|
152
|
+
// @media screen and (max-width: 767px) {
|
|
153
|
+
// @include baseSize(15);
|
|
154
|
+
// @include randSize('mob\\:');
|
|
155
|
+
// }
|
|
156
|
+
@include mob {
|
|
154
157
|
@include randSize('mob\\:');
|
|
155
158
|
}
|
|
156
159
|
|
|
157
160
|
// 超小屏
|
|
158
|
-
@media screen and (max-width: 374px) {
|
|
159
|
-
|
|
160
|
-
}
|
|
161
|
+
// @media screen and (max-width: 374px) {
|
|
162
|
+
// @include baseSize(9);
|
|
163
|
+
// }
|
package/core/ux.scss
CHANGED