@neatui/css 4.2.4 → 4.2.6
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 +41 -0
- package/core/basic.scss +8 -0
- package/core/cover.scss +4 -4
- package/core/fit.scss +48 -0
- package/dist/neatui.css +78 -2
- package/dist/neatui.min.css +1 -1
- package/dist/neatui.preview.css +78 -2
- package/dist/neatui.preview.min.css +1 -1
- package/neatui.scss +2 -0
- package/package.json +2 -2
- package/tokens/neatui.tokens.json +84 -0
package/dist/neatui.preview.css
CHANGED
|
@@ -581,6 +581,14 @@ sup{
|
|
|
581
581
|
display:inline;
|
|
582
582
|
}
|
|
583
583
|
|
|
584
|
+
.none,.none-sub>*{
|
|
585
|
+
display:none;
|
|
586
|
+
}
|
|
587
|
+
|
|
588
|
+
.hide,.hide-sub>*{
|
|
589
|
+
opacity:0;
|
|
590
|
+
}
|
|
591
|
+
|
|
584
592
|
.scroll{
|
|
585
593
|
overflow:auto;
|
|
586
594
|
}
|
|
@@ -742,6 +750,12 @@ sup{
|
|
|
742
750
|
.pad\:inline,.pad\:inline-sub>*{
|
|
743
751
|
display:inline;
|
|
744
752
|
}
|
|
753
|
+
.pad\:none,.pad\:none-sub>*{
|
|
754
|
+
display:none;
|
|
755
|
+
}
|
|
756
|
+
.pad\:hide,.pad\:hide-sub>*{
|
|
757
|
+
opacity:0;
|
|
758
|
+
}
|
|
745
759
|
.pad\:scroll{
|
|
746
760
|
overflow:auto;
|
|
747
761
|
}
|
|
@@ -897,6 +911,12 @@ sup{
|
|
|
897
911
|
.mob\:inline,.mob\:inline-sub>*{
|
|
898
912
|
display:inline;
|
|
899
913
|
}
|
|
914
|
+
.mob\:none,.mob\:none-sub>*{
|
|
915
|
+
display:none;
|
|
916
|
+
}
|
|
917
|
+
.mob\:hide,.mob\:hide-sub>*{
|
|
918
|
+
opacity:0;
|
|
919
|
+
}
|
|
900
920
|
.mob\:scroll{
|
|
901
921
|
overflow:auto;
|
|
902
922
|
}
|
|
@@ -16440,10 +16460,10 @@ td[ui-col],th[ui-col]{
|
|
|
16440
16460
|
top:0;
|
|
16441
16461
|
width:100%;
|
|
16442
16462
|
}
|
|
16443
|
-
[ui-cover] img,[ui-cover][ui-cover~=cover] img{
|
|
16463
|
+
[ui-cover] img:not([ui-fit]),[ui-cover][ui-cover~=cover] img:not([ui-fit]){
|
|
16444
16464
|
object-fit:cover;
|
|
16445
16465
|
}
|
|
16446
|
-
[ui-cover][ui-cover~=contain] img{
|
|
16466
|
+
[ui-cover][ui-cover~=contain] img:not([ui-fit]){
|
|
16447
16467
|
object-fit:contain;
|
|
16448
16468
|
}
|
|
16449
16469
|
[ui-cover][ui-cover~="1:1"]{
|
|
@@ -16570,6 +16590,62 @@ td[ui-col],th[ui-col]{
|
|
|
16570
16590
|
padding-top:50%;
|
|
16571
16591
|
}
|
|
16572
16592
|
|
|
16593
|
+
[ui-fit~=cover]{
|
|
16594
|
+
object-fit:cover;
|
|
16595
|
+
}
|
|
16596
|
+
|
|
16597
|
+
[ui-fit~=contain]{
|
|
16598
|
+
object-fit:contain;
|
|
16599
|
+
}
|
|
16600
|
+
|
|
16601
|
+
[ui-fit~=fill]{
|
|
16602
|
+
object-fit:fill;
|
|
16603
|
+
}
|
|
16604
|
+
|
|
16605
|
+
[ui-fit~=none]{
|
|
16606
|
+
object-fit:none;
|
|
16607
|
+
}
|
|
16608
|
+
|
|
16609
|
+
[ui-fit~=down]{
|
|
16610
|
+
object-fit:scale-down;
|
|
16611
|
+
}
|
|
16612
|
+
|
|
16613
|
+
[ui-fit~=lt]{
|
|
16614
|
+
object-position:left top;
|
|
16615
|
+
}
|
|
16616
|
+
|
|
16617
|
+
[ui-fit~=lm]{
|
|
16618
|
+
object-position:left center;
|
|
16619
|
+
}
|
|
16620
|
+
|
|
16621
|
+
[ui-fit~=lb]{
|
|
16622
|
+
object-position:left bottom;
|
|
16623
|
+
}
|
|
16624
|
+
|
|
16625
|
+
[ui-fit~=ct]{
|
|
16626
|
+
object-position:center top;
|
|
16627
|
+
}
|
|
16628
|
+
|
|
16629
|
+
[ui-fit~=cm]{
|
|
16630
|
+
object-position:center center;
|
|
16631
|
+
}
|
|
16632
|
+
|
|
16633
|
+
[ui-fit~=cb]{
|
|
16634
|
+
object-position:center bottom;
|
|
16635
|
+
}
|
|
16636
|
+
|
|
16637
|
+
[ui-fit~=rt]{
|
|
16638
|
+
object-position:right top;
|
|
16639
|
+
}
|
|
16640
|
+
|
|
16641
|
+
[ui-fit~=rm]{
|
|
16642
|
+
object-position:right center;
|
|
16643
|
+
}
|
|
16644
|
+
|
|
16645
|
+
[ui-fit~=rb]{
|
|
16646
|
+
object-position:right bottom;
|
|
16647
|
+
}
|
|
16648
|
+
|
|
16573
16649
|
.ux-none,.ux-none *,.ux-none-sub>*,.ux-none-sub>* *{
|
|
16574
16650
|
cursor:pointer;
|
|
16575
16651
|
user-select:none;
|