@neatui/css 2.0.0-beta.0 → 2.0.0-beta.1
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/components/card/card@b.scss +34 -39
- package/core/base.scss +13 -2
- package/core/trim.scss +20 -2
- package/package.json +1 -1
|
@@ -1,41 +1,37 @@
|
|
|
1
1
|
@mixin card_b($name) {
|
|
2
|
-
|
|
3
|
-
position: relative;
|
|
2
|
+
position: relative;
|
|
4
3
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
& > * {
|
|
5
|
+
position: relative;
|
|
6
|
+
transition: box-shadow 0.3s;
|
|
7
|
+
border-radius: 0.4em;
|
|
8
|
+
// @include theme {
|
|
9
|
+
background: var(--co-fore);
|
|
10
|
+
&:hover {
|
|
11
|
+
box-shadow: 0 1px 6px var(--co-line);
|
|
12
|
+
}
|
|
13
|
+
// }
|
|
14
|
+
&.active {
|
|
9
15
|
// @include theme {
|
|
10
|
-
|
|
11
|
-
&:hover {
|
|
12
|
-
box-shadow: 0 1px 6px var(--co-line);
|
|
13
|
-
}
|
|
16
|
+
border: 1px solid var(--co-read);
|
|
14
17
|
// }
|
|
15
|
-
|
|
16
|
-
// @include theme {
|
|
17
|
-
border: 1px solid var(--co-read);
|
|
18
|
-
// }
|
|
19
|
-
}
|
|
18
|
+
}
|
|
20
19
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
// @include theme {
|
|
30
|
-
border-bottom: 1px solid var(--co-line-mm);
|
|
31
|
-
// }
|
|
20
|
+
// 标题
|
|
21
|
+
[ui-card-head] {
|
|
22
|
+
padding: 0 1.5rem;
|
|
23
|
+
line-height: 4rem;
|
|
24
|
+
border-bottom: 1px solid var(--co-line-mm);
|
|
25
|
+
@include med('<dpc') {
|
|
26
|
+
padding: 0 1rem;
|
|
27
|
+
line-height: 3.5rem;
|
|
32
28
|
}
|
|
33
|
-
|
|
34
|
-
|
|
29
|
+
}
|
|
30
|
+
// 主体
|
|
31
|
+
[ui-card-body] {
|
|
32
|
+
padding: 1.5rem;
|
|
33
|
+
@include med('<dpc') {
|
|
35
34
|
padding: 1.5rem;
|
|
36
|
-
@include med('<dpc') {
|
|
37
|
-
padding: 1.5rem;
|
|
38
|
-
}
|
|
39
35
|
}
|
|
40
36
|
}
|
|
41
37
|
}
|
|
@@ -61,14 +57,13 @@
|
|
|
61
57
|
|
|
62
58
|
// 多个卡片
|
|
63
59
|
[ui-cards~='@b'] {
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
}
|
|
60
|
+
position: relative;
|
|
61
|
+
display: flex;
|
|
62
|
+
flex-wrap: wrap;
|
|
63
|
+
align-items: stretch;
|
|
64
|
+
justify-content: flex-start;
|
|
65
|
+
align-content: stretch;
|
|
66
|
+
|
|
72
67
|
& > * {
|
|
73
68
|
@include card_b('ui-cards');
|
|
74
69
|
}
|
package/core/base.scss
CHANGED
|
@@ -455,7 +455,10 @@ code,
|
|
|
455
455
|
[ui-omit~='3'],
|
|
456
456
|
[ui-omit~='4'],
|
|
457
457
|
[ui-omit~='5'],
|
|
458
|
-
[ui-omit~='6']
|
|
458
|
+
[ui-omit~='6'],
|
|
459
|
+
[ui-omit~='7'],
|
|
460
|
+
[ui-omit~='8'],
|
|
461
|
+
[ui-omit~='9'] {
|
|
459
462
|
display: -webkit-box;
|
|
460
463
|
overflow: hidden;
|
|
461
464
|
text-overflow: ellipsis;
|
|
@@ -482,7 +485,15 @@ code,
|
|
|
482
485
|
[ui-omit~='6'] {
|
|
483
486
|
-webkit-line-clamp: 6;
|
|
484
487
|
}
|
|
485
|
-
|
|
488
|
+
[ui-omit~='7'] {
|
|
489
|
+
-webkit-line-clamp: 7;
|
|
490
|
+
}
|
|
491
|
+
[ui-omit~='8'] {
|
|
492
|
+
-webkit-line-clamp: 8;
|
|
493
|
+
}
|
|
494
|
+
[ui-omit~='9'] {
|
|
495
|
+
-webkit-line-clamp: 9;
|
|
496
|
+
}
|
|
486
497
|
// 等分
|
|
487
498
|
.ew1,
|
|
488
499
|
.ew1-sub > *,
|
package/core/trim.scss
CHANGED
|
@@ -322,7 +322,7 @@
|
|
|
322
322
|
}
|
|
323
323
|
$w_base: $w_base + 2;
|
|
324
324
|
}
|
|
325
|
-
.#{$media}
|
|
325
|
+
.#{$media}w-auto {
|
|
326
326
|
width: auto;
|
|
327
327
|
}
|
|
328
328
|
.#{$media}min-w-auto {
|
|
@@ -331,7 +331,7 @@
|
|
|
331
331
|
.#{$media}max-w-auto {
|
|
332
332
|
max-width: auto;
|
|
333
333
|
}
|
|
334
|
-
.#{$media}
|
|
334
|
+
.#{$media}w-full {
|
|
335
335
|
width: 100%;
|
|
336
336
|
}
|
|
337
337
|
.#{$media}min-w-full {
|
|
@@ -373,6 +373,24 @@
|
|
|
373
373
|
}
|
|
374
374
|
$h_base: $h_base + 2;
|
|
375
375
|
}
|
|
376
|
+
.#{$media}h-auto {
|
|
377
|
+
height: auto;
|
|
378
|
+
}
|
|
379
|
+
.#{$media}min-h-auto {
|
|
380
|
+
min-height: auto;
|
|
381
|
+
}
|
|
382
|
+
.#{$media}max-h-auto {
|
|
383
|
+
max-height: auto;
|
|
384
|
+
}
|
|
385
|
+
.#{$media}h-full {
|
|
386
|
+
height: 100%;
|
|
387
|
+
}
|
|
388
|
+
.#{$media}min-h-full {
|
|
389
|
+
min-height: 100%;
|
|
390
|
+
}
|
|
391
|
+
.#{$media}max-h-full {
|
|
392
|
+
max-height: 100%;
|
|
393
|
+
}
|
|
376
394
|
|
|
377
395
|
// 缩小
|
|
378
396
|
.#{$media}s-no {
|