@neatui/css 4.7.1 → 4.8.0
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@a.scss +19 -8
- package/dist/neatui.css +22 -8
- package/dist/neatui.min.css +1 -1
- package/dist/neatui.preview.css +22 -8
- package/dist/neatui.preview.min.css +1 -1
- package/package.json +1 -1
|
@@ -64,14 +64,16 @@ $card_a_sz: 'xs', 's', 'm', 'l', 'xl';
|
|
|
64
64
|
[ui-card-tool] {
|
|
65
65
|
& {
|
|
66
66
|
position: relative;
|
|
67
|
+
overflow: hidden;
|
|
67
68
|
pointer-events: auto;
|
|
68
|
-
max-height:
|
|
69
|
+
max-height: 20em;
|
|
69
70
|
opacity: 1;
|
|
70
71
|
z-index: 2;
|
|
71
72
|
transition:
|
|
72
|
-
|
|
73
|
-
padding 0.
|
|
74
|
-
margin 0.
|
|
73
|
+
max-height 0.3s ease,
|
|
74
|
+
padding 0.3s ease,
|
|
75
|
+
margin 0.3s ease,
|
|
76
|
+
opacity 0.2s ease 0.1s;
|
|
75
77
|
background: var(--co-fore-o-lm);
|
|
76
78
|
padding: 1em 1.5em;
|
|
77
79
|
margin-bottom: 1px;
|
|
@@ -85,9 +87,18 @@ $card_a_sz: 'xs', 's', 'm', 'l', 'xl';
|
|
|
85
87
|
max-height: 0 !important;
|
|
86
88
|
opacity: 0;
|
|
87
89
|
transition:
|
|
88
|
-
|
|
89
|
-
padding
|
|
90
|
-
margin
|
|
90
|
+
max-height 0.3s ease,
|
|
91
|
+
padding 0.3s ease,
|
|
92
|
+
margin 0.3s ease,
|
|
93
|
+
opacity 0.15s ease;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
// 支持 interpolate-size 的浏览器直接过渡到真实高度
|
|
97
|
+
@supports (interpolate-size: allow-keywords) {
|
|
98
|
+
& {
|
|
99
|
+
interpolate-size: allow-keywords;
|
|
100
|
+
max-height: max-content;
|
|
101
|
+
}
|
|
91
102
|
}
|
|
92
103
|
}
|
|
93
104
|
|
|
@@ -103,7 +114,7 @@ $card_a_sz: 'xs', 's', 'm', 'l', 'xl';
|
|
|
103
114
|
[ui-card-head] {
|
|
104
115
|
// margin-bottom: 2px;
|
|
105
116
|
// @include theme {
|
|
106
|
-
border-bottom: 2px solid var(--co-
|
|
117
|
+
border-bottom: 2px solid var(--co-line-o-ms);
|
|
107
118
|
// }
|
|
108
119
|
}
|
|
109
120
|
|
package/dist/neatui.css
CHANGED
|
@@ -21413,12 +21413,13 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
|
|
|
21413
21413
|
[ui-card~="@a"] [ui-card-tool]{
|
|
21414
21414
|
background:var(--co-fore-o-lm);
|
|
21415
21415
|
margin-bottom:1px;
|
|
21416
|
-
max-height:
|
|
21416
|
+
max-height:20em;
|
|
21417
21417
|
opacity:1;
|
|
21418
|
+
overflow:hidden;
|
|
21418
21419
|
padding:1em 1.5em;
|
|
21419
21420
|
pointer-events:auto;
|
|
21420
21421
|
position:relative;
|
|
21421
|
-
transition:
|
|
21422
|
+
transition:max-height .3s ease,padding .3s ease,margin .3s ease,opacity .2s ease .1s;
|
|
21422
21423
|
z-index:2;
|
|
21423
21424
|
}
|
|
21424
21425
|
[ui-card~="@a"] [ui-card-tool][ui-card-tool~=hide]{
|
|
@@ -21428,7 +21429,13 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
|
|
|
21428
21429
|
padding-bottom:0 !important;
|
|
21429
21430
|
padding-top:0 !important;
|
|
21430
21431
|
pointer-events:none;
|
|
21431
|
-
transition:
|
|
21432
|
+
transition:max-height .3s ease,padding .3s ease,margin .3s ease,opacity .15s ease;
|
|
21433
|
+
}
|
|
21434
|
+
@supports (interpolate-size:allow-keywords){
|
|
21435
|
+
[ui-card~="@a"] [ui-card-tool]{
|
|
21436
|
+
interpolate-size:allow-keywords;
|
|
21437
|
+
max-height:max-content;
|
|
21438
|
+
}
|
|
21432
21439
|
}
|
|
21433
21440
|
[ui-card~="@a"] [ui-card-body]{
|
|
21434
21441
|
flex-grow:1;
|
|
@@ -21437,7 +21444,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
|
|
|
21437
21444
|
position:relative;
|
|
21438
21445
|
}
|
|
21439
21446
|
[ui-card~="@a"] [ui-card-head]{
|
|
21440
|
-
border-bottom:2px solid var(--co-
|
|
21447
|
+
border-bottom:2px solid var(--co-line-o-ms);
|
|
21441
21448
|
}
|
|
21442
21449
|
[ui-card~="@a"] [ui-card-foot]{
|
|
21443
21450
|
border-top:1px solid var(--co-back-o-ls);
|
|
@@ -21694,12 +21701,13 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
|
|
|
21694
21701
|
[ui-cards~="@a"]>*>* [ui-card-tool]{
|
|
21695
21702
|
background:var(--co-fore-o-lm);
|
|
21696
21703
|
margin-bottom:1px;
|
|
21697
|
-
max-height:
|
|
21704
|
+
max-height:20em;
|
|
21698
21705
|
opacity:1;
|
|
21706
|
+
overflow:hidden;
|
|
21699
21707
|
padding:1em 1.5em;
|
|
21700
21708
|
pointer-events:auto;
|
|
21701
21709
|
position:relative;
|
|
21702
|
-
transition:
|
|
21710
|
+
transition:max-height .3s ease,padding .3s ease,margin .3s ease,opacity .2s ease .1s;
|
|
21703
21711
|
z-index:2;
|
|
21704
21712
|
}
|
|
21705
21713
|
[ui-cards~="@a"]>*>* [ui-card-tool][ui-card-tool~=hide]{
|
|
@@ -21709,7 +21717,13 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
|
|
|
21709
21717
|
padding-bottom:0 !important;
|
|
21710
21718
|
padding-top:0 !important;
|
|
21711
21719
|
pointer-events:none;
|
|
21712
|
-
transition:
|
|
21720
|
+
transition:max-height .3s ease,padding .3s ease,margin .3s ease,opacity .15s ease;
|
|
21721
|
+
}
|
|
21722
|
+
@supports (interpolate-size:allow-keywords){
|
|
21723
|
+
[ui-cards~="@a"]>*>* [ui-card-tool]{
|
|
21724
|
+
interpolate-size:allow-keywords;
|
|
21725
|
+
max-height:max-content;
|
|
21726
|
+
}
|
|
21713
21727
|
}
|
|
21714
21728
|
[ui-cards~="@a"]>*>* [ui-card-body]{
|
|
21715
21729
|
flex-grow:1;
|
|
@@ -21718,7 +21732,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
|
|
|
21718
21732
|
position:relative;
|
|
21719
21733
|
}
|
|
21720
21734
|
[ui-cards~="@a"]>*>* [ui-card-head]{
|
|
21721
|
-
border-bottom:2px solid var(--co-
|
|
21735
|
+
border-bottom:2px solid var(--co-line-o-ms);
|
|
21722
21736
|
}
|
|
21723
21737
|
[ui-cards~="@a"]>*>* [ui-card-foot]{
|
|
21724
21738
|
border-top:1px solid var(--co-back-o-ls);
|