@neatui/css 4.2.3 → 4.2.5
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/GUIDE.md +42 -1
- package/core/cover.scss +4 -4
- package/core/fit.scss +48 -0
- package/core/ux.scss +6 -4
- package/dist/neatui.css +60 -4
- package/dist/neatui.min.css +1 -1
- package/dist/neatui.preview.css +60 -4
- package/dist/neatui.preview.min.css +1 -1
- package/neatui.scss +2 -0
- package/package.json +1 -1
- package/tokens/neatui.tokens.json +84 -0
package/dist/neatui.preview.css
CHANGED
|
@@ -16440,10 +16440,10 @@ td[ui-col],th[ui-col]{
|
|
|
16440
16440
|
top:0;
|
|
16441
16441
|
width:100%;
|
|
16442
16442
|
}
|
|
16443
|
-
[ui-cover] img,[ui-cover][ui-cover~=cover] img{
|
|
16443
|
+
[ui-cover] img:not([ui-fit]),[ui-cover][ui-cover~=cover] img:not([ui-fit]){
|
|
16444
16444
|
object-fit:cover;
|
|
16445
16445
|
}
|
|
16446
|
-
[ui-cover][ui-cover~=contain] img{
|
|
16446
|
+
[ui-cover][ui-cover~=contain] img:not([ui-fit]){
|
|
16447
16447
|
object-fit:contain;
|
|
16448
16448
|
}
|
|
16449
16449
|
[ui-cover][ui-cover~="1:1"]{
|
|
@@ -16570,6 +16570,62 @@ td[ui-col],th[ui-col]{
|
|
|
16570
16570
|
padding-top:50%;
|
|
16571
16571
|
}
|
|
16572
16572
|
|
|
16573
|
+
[ui-fit~=cover]{
|
|
16574
|
+
object-fit:cover;
|
|
16575
|
+
}
|
|
16576
|
+
|
|
16577
|
+
[ui-fit~=contain]{
|
|
16578
|
+
object-fit:contain;
|
|
16579
|
+
}
|
|
16580
|
+
|
|
16581
|
+
[ui-fit~=fill]{
|
|
16582
|
+
object-fit:fill;
|
|
16583
|
+
}
|
|
16584
|
+
|
|
16585
|
+
[ui-fit~=none]{
|
|
16586
|
+
object-fit:none;
|
|
16587
|
+
}
|
|
16588
|
+
|
|
16589
|
+
[ui-fit~=down]{
|
|
16590
|
+
object-fit:scale-down;
|
|
16591
|
+
}
|
|
16592
|
+
|
|
16593
|
+
[ui-fit~=lt]{
|
|
16594
|
+
object-position:left top;
|
|
16595
|
+
}
|
|
16596
|
+
|
|
16597
|
+
[ui-fit~=lm]{
|
|
16598
|
+
object-position:left center;
|
|
16599
|
+
}
|
|
16600
|
+
|
|
16601
|
+
[ui-fit~=lb]{
|
|
16602
|
+
object-position:left bottom;
|
|
16603
|
+
}
|
|
16604
|
+
|
|
16605
|
+
[ui-fit~=ct]{
|
|
16606
|
+
object-position:center top;
|
|
16607
|
+
}
|
|
16608
|
+
|
|
16609
|
+
[ui-fit~=cm]{
|
|
16610
|
+
object-position:center center;
|
|
16611
|
+
}
|
|
16612
|
+
|
|
16613
|
+
[ui-fit~=cb]{
|
|
16614
|
+
object-position:center bottom;
|
|
16615
|
+
}
|
|
16616
|
+
|
|
16617
|
+
[ui-fit~=rt]{
|
|
16618
|
+
object-position:right top;
|
|
16619
|
+
}
|
|
16620
|
+
|
|
16621
|
+
[ui-fit~=rm]{
|
|
16622
|
+
object-position:right center;
|
|
16623
|
+
}
|
|
16624
|
+
|
|
16625
|
+
[ui-fit~=rb]{
|
|
16626
|
+
object-position:right bottom;
|
|
16627
|
+
}
|
|
16628
|
+
|
|
16573
16629
|
.ux-none,.ux-none *,.ux-none-sub>*,.ux-none-sub>* *{
|
|
16574
16630
|
cursor:pointer;
|
|
16575
16631
|
user-select:none;
|
|
@@ -16617,7 +16673,7 @@ td[ui-col],th[ui-col]{
|
|
|
16617
16673
|
transition:opacity .1s;
|
|
16618
16674
|
}
|
|
16619
16675
|
|
|
16620
|
-
|
|
16676
|
+
.active>.parent-hover\:show,:hover>.parent-hover\:show{
|
|
16621
16677
|
opacity:1;
|
|
16622
16678
|
pointer-events:auto;
|
|
16623
16679
|
}
|
|
@@ -16626,7 +16682,7 @@ td[ui-col],th[ui-col]{
|
|
|
16626
16682
|
transition:opacity .1s;
|
|
16627
16683
|
}
|
|
16628
16684
|
|
|
16629
|
-
|
|
16685
|
+
.active>.parent-hover\:hide,:hover>.parent-hover\:hide{
|
|
16630
16686
|
opacity:0;
|
|
16631
16687
|
pointer-events:none;
|
|
16632
16688
|
}
|