@neatui/css 4.7.1 → 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 +37 -9
- package/dist/neatui.css +38 -12
- package/dist/neatui.min.css +1 -1
- package/dist/neatui.preview.css +38 -12
- package/dist/neatui.preview.min.css +1 -1
- package/package.json +1 -1
package/dist/neatui.preview.css
CHANGED
|
@@ -21411,24 +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
|
+
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:1000px;
|
|
21417
21420
|
opacity:1;
|
|
21418
21421
|
padding:1em 1.5em;
|
|
21419
21422
|
pointer-events:auto;
|
|
21420
|
-
|
|
21421
|
-
transition:all .2s,padding .35s,margin .35s;
|
|
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;
|
|
21422
21424
|
z-index:2;
|
|
21423
21425
|
}
|
|
21426
|
+
[ui-card~="@a"] [ui-card-tool]>*{
|
|
21427
|
+
interpolate-size:numeric-only;
|
|
21428
|
+
}
|
|
21424
21429
|
[ui-card~="@a"] [ui-card-tool][ui-card-tool~=hide]{
|
|
21430
|
+
height:0 !important;
|
|
21425
21431
|
margin-bottom:0 !important;
|
|
21426
|
-
max-height:0 !important;
|
|
21427
21432
|
opacity:0;
|
|
21428
21433
|
padding-bottom:0 !important;
|
|
21429
21434
|
padding-top:0 !important;
|
|
21430
21435
|
pointer-events:none;
|
|
21431
|
-
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;
|
|
21437
|
+
}
|
|
21438
|
+
@supports not (interpolate-size:allow-keywords){
|
|
21439
|
+
[ui-card~="@a"] [ui-card-tool]{
|
|
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;
|
|
21444
|
+
}
|
|
21432
21445
|
}
|
|
21433
21446
|
[ui-card~="@a"] [ui-card-body]{
|
|
21434
21447
|
flex-grow:1;
|
|
@@ -21437,7 +21450,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
|
|
|
21437
21450
|
position:relative;
|
|
21438
21451
|
}
|
|
21439
21452
|
[ui-card~="@a"] [ui-card-head]{
|
|
21440
|
-
border-bottom:2px solid var(--co-
|
|
21453
|
+
border-bottom:2px solid var(--co-line-o-ms);
|
|
21441
21454
|
}
|
|
21442
21455
|
[ui-card~="@a"] [ui-card-foot]{
|
|
21443
21456
|
border-top:1px solid var(--co-back-o-ls);
|
|
@@ -21692,24 +21705,37 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
|
|
|
21692
21705
|
justify-content:flex-end;
|
|
21693
21706
|
}
|
|
21694
21707
|
[ui-cards~="@a"]>*>* [ui-card-tool]{
|
|
21708
|
+
overflow:hidden;
|
|
21709
|
+
position:relative;
|
|
21710
|
+
interpolate-size:allow-keywords;
|
|
21695
21711
|
background:var(--co-fore-o-lm);
|
|
21712
|
+
height:auto;
|
|
21696
21713
|
margin-bottom:1px;
|
|
21697
|
-
max-height:1000px;
|
|
21698
21714
|
opacity:1;
|
|
21699
21715
|
padding:1em 1.5em;
|
|
21700
21716
|
pointer-events:auto;
|
|
21701
|
-
|
|
21702
|
-
transition:all .2s,padding .35s,margin .35s;
|
|
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;
|
|
21703
21718
|
z-index:2;
|
|
21704
21719
|
}
|
|
21720
|
+
[ui-cards~="@a"]>*>* [ui-card-tool]>*{
|
|
21721
|
+
interpolate-size:numeric-only;
|
|
21722
|
+
}
|
|
21705
21723
|
[ui-cards~="@a"]>*>* [ui-card-tool][ui-card-tool~=hide]{
|
|
21724
|
+
height:0 !important;
|
|
21706
21725
|
margin-bottom:0 !important;
|
|
21707
|
-
max-height:0 !important;
|
|
21708
21726
|
opacity:0;
|
|
21709
21727
|
padding-bottom:0 !important;
|
|
21710
21728
|
padding-top:0 !important;
|
|
21711
21729
|
pointer-events:none;
|
|
21712
|
-
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;
|
|
21731
|
+
}
|
|
21732
|
+
@supports not (interpolate-size:allow-keywords){
|
|
21733
|
+
[ui-cards~="@a"]>*>* [ui-card-tool]{
|
|
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;
|
|
21738
|
+
}
|
|
21713
21739
|
}
|
|
21714
21740
|
[ui-cards~="@a"]>*>* [ui-card-body]{
|
|
21715
21741
|
flex-grow:1;
|
|
@@ -21718,7 +21744,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
|
|
|
21718
21744
|
position:relative;
|
|
21719
21745
|
}
|
|
21720
21746
|
[ui-cards~="@a"]>*>* [ui-card-head]{
|
|
21721
|
-
border-bottom:2px solid var(--co-
|
|
21747
|
+
border-bottom:2px solid var(--co-line-o-ms);
|
|
21722
21748
|
}
|
|
21723
21749
|
[ui-cards~="@a"]>*>* [ui-card-foot]{
|
|
21724
21750
|
border-top:1px solid var(--co-back-o-ls);
|