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