@neatui/css 4.8.0 → 4.8.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@a.scss +31 -14
- package/dist/neatui.css +30 -18
- package/dist/neatui.min.css +1 -1
- package/dist/neatui.preview.css +30 -18
- package/dist/neatui.preview.min.css +1 -1
- package/package.json +1 -1
package/dist/neatui.preview.css
CHANGED
|
@@ -21411,30 +21411,36 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
|
|
|
21411
21411
|
justify-content:flex-end;
|
|
21412
21412
|
}
|
|
21413
21413
|
[ui-card~="@a"] [ui-card-tool]{
|
|
21414
|
+
overflow:hidden;
|
|
21415
|
+
position:relative;
|
|
21416
|
+
interpolate-size:allow-keywords;
|
|
21414
21417
|
background:var(--co-fore-o-lm);
|
|
21418
|
+
height:auto;
|
|
21415
21419
|
margin-bottom:1px;
|
|
21416
|
-
max-height:20em;
|
|
21417
21420
|
opacity:1;
|
|
21418
|
-
overflow:hidden;
|
|
21419
21421
|
padding:1em 1.5em;
|
|
21420
21422
|
pointer-events:auto;
|
|
21421
|
-
|
|
21422
|
-
transition:max-height .3s ease,padding .3s ease,margin .3s ease,opacity .2s ease .1s;
|
|
21423
|
+
transition:height .28s cubic-bezier(.22, .61, .36, 1),padding .28s cubic-bezier(.22, .61, .36, 1),margin .28s ease-out,opacity .18s ease;
|
|
21423
21424
|
z-index:2;
|
|
21424
21425
|
}
|
|
21426
|
+
[ui-card~="@a"] [ui-card-tool]>*{
|
|
21427
|
+
interpolate-size:numeric-only;
|
|
21428
|
+
}
|
|
21425
21429
|
[ui-card~="@a"] [ui-card-tool][ui-card-tool~=hide]{
|
|
21430
|
+
height:0 !important;
|
|
21426
21431
|
margin-bottom:0 !important;
|
|
21427
|
-
max-height:0 !important;
|
|
21428
21432
|
opacity:0;
|
|
21429
21433
|
padding-bottom:0 !important;
|
|
21430
21434
|
padding-top:0 !important;
|
|
21431
21435
|
pointer-events:none;
|
|
21432
|
-
transition:
|
|
21436
|
+
transition:height .26s cubic-bezier(.4, 0, .2, 1),padding .26s cubic-bezier(.4, 0, .2, 1),margin .26s ease,opacity .14s ease;
|
|
21433
21437
|
}
|
|
21434
|
-
@supports (interpolate-size:allow-keywords){
|
|
21438
|
+
@supports not (interpolate-size:allow-keywords){
|
|
21435
21439
|
[ui-card~="@a"] [ui-card-tool]{
|
|
21436
|
-
|
|
21437
|
-
|
|
21440
|
+
transition:padding .28s ease-out,margin .28s ease-out,opacity .18s ease;
|
|
21441
|
+
}
|
|
21442
|
+
[ui-card~="@a"] [ui-card-tool][ui-card-tool~=hide]{
|
|
21443
|
+
transition:padding .26s ease,margin .26s ease,opacity .14s ease;
|
|
21438
21444
|
}
|
|
21439
21445
|
}
|
|
21440
21446
|
[ui-card~="@a"] [ui-card-body]{
|
|
@@ -21699,30 +21705,36 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
|
|
|
21699
21705
|
justify-content:flex-end;
|
|
21700
21706
|
}
|
|
21701
21707
|
[ui-cards~="@a"]>*>* [ui-card-tool]{
|
|
21708
|
+
overflow:hidden;
|
|
21709
|
+
position:relative;
|
|
21710
|
+
interpolate-size:allow-keywords;
|
|
21702
21711
|
background:var(--co-fore-o-lm);
|
|
21712
|
+
height:auto;
|
|
21703
21713
|
margin-bottom:1px;
|
|
21704
|
-
max-height:20em;
|
|
21705
21714
|
opacity:1;
|
|
21706
|
-
overflow:hidden;
|
|
21707
21715
|
padding:1em 1.5em;
|
|
21708
21716
|
pointer-events:auto;
|
|
21709
|
-
|
|
21710
|
-
transition:max-height .3s ease,padding .3s ease,margin .3s ease,opacity .2s ease .1s;
|
|
21717
|
+
transition:height .28s cubic-bezier(.22, .61, .36, 1),padding .28s cubic-bezier(.22, .61, .36, 1),margin .28s ease-out,opacity .18s ease;
|
|
21711
21718
|
z-index:2;
|
|
21712
21719
|
}
|
|
21720
|
+
[ui-cards~="@a"]>*>* [ui-card-tool]>*{
|
|
21721
|
+
interpolate-size:numeric-only;
|
|
21722
|
+
}
|
|
21713
21723
|
[ui-cards~="@a"]>*>* [ui-card-tool][ui-card-tool~=hide]{
|
|
21724
|
+
height:0 !important;
|
|
21714
21725
|
margin-bottom:0 !important;
|
|
21715
|
-
max-height:0 !important;
|
|
21716
21726
|
opacity:0;
|
|
21717
21727
|
padding-bottom:0 !important;
|
|
21718
21728
|
padding-top:0 !important;
|
|
21719
21729
|
pointer-events:none;
|
|
21720
|
-
transition:
|
|
21730
|
+
transition:height .26s cubic-bezier(.4, 0, .2, 1),padding .26s cubic-bezier(.4, 0, .2, 1),margin .26s ease,opacity .14s ease;
|
|
21721
21731
|
}
|
|
21722
|
-
@supports (interpolate-size:allow-keywords){
|
|
21732
|
+
@supports not (interpolate-size:allow-keywords){
|
|
21723
21733
|
[ui-cards~="@a"]>*>* [ui-card-tool]{
|
|
21724
|
-
|
|
21725
|
-
|
|
21734
|
+
transition:padding .28s ease-out,margin .28s ease-out,opacity .18s ease;
|
|
21735
|
+
}
|
|
21736
|
+
[ui-cards~="@a"]>*>* [ui-card-tool][ui-card-tool~=hide]{
|
|
21737
|
+
transition:padding .26s ease,margin .26s ease,opacity .14s ease;
|
|
21726
21738
|
}
|
|
21727
21739
|
}
|
|
21728
21740
|
[ui-cards~="@a"]>*>* [ui-card-body]{
|