@vaneui/ui 0.3.1-alpha.20251117134835.2318245 → 0.3.1-alpha.20251125131654.1cfafe5
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/dist/ui.css +36 -0
- package/package.json +1 -1
package/dist/ui.css
CHANGED
|
@@ -255,6 +255,10 @@
|
|
|
255
255
|
--br-base: var(--spacing);
|
|
256
256
|
--ui-br-base: calc(var(--spacing) * 0.5);
|
|
257
257
|
--fs-base: calc(var(--spacing) * 0.5);
|
|
258
|
+
--breakpoint-mobile: 40rem;
|
|
259
|
+
--breakpoint-tablet: 48rem;
|
|
260
|
+
--breakpoint-laptop: 64rem;
|
|
261
|
+
--breakpoint-desktop: 80rem;
|
|
258
262
|
--lh: 1;
|
|
259
263
|
--fs-unit: 8;
|
|
260
264
|
--gap-unit: 1;
|
|
@@ -657,6 +661,9 @@
|
|
|
657
661
|
.gap-0 {
|
|
658
662
|
gap: calc(var(--spacing) * 0);
|
|
659
663
|
}
|
|
664
|
+
.gap-unit {
|
|
665
|
+
gap: var(--gap-unit);
|
|
666
|
+
}
|
|
660
667
|
.space-y-2 {
|
|
661
668
|
:where(& > :not(:last-child)) {
|
|
662
669
|
--tw-space-y-reverse: 0;
|
|
@@ -827,6 +834,9 @@
|
|
|
827
834
|
.border-\(--color-border-warning\) {
|
|
828
835
|
border-color: var(--color-border-warning);
|
|
829
836
|
}
|
|
837
|
+
.border-gray-600 {
|
|
838
|
+
border-color: var(--color-gray-600);
|
|
839
|
+
}
|
|
830
840
|
.border-green-500 {
|
|
831
841
|
border-color: var(--color-green-500);
|
|
832
842
|
}
|
|
@@ -1001,6 +1011,9 @@
|
|
|
1001
1011
|
.bg-emerald-500 {
|
|
1002
1012
|
background-color: var(--color-emerald-500);
|
|
1003
1013
|
}
|
|
1014
|
+
.bg-gray-800 {
|
|
1015
|
+
background-color: var(--color-gray-800);
|
|
1016
|
+
}
|
|
1004
1017
|
.bg-green-600 {
|
|
1005
1018
|
background-color: var(--color-green-600);
|
|
1006
1019
|
}
|
|
@@ -1034,6 +1047,9 @@
|
|
|
1034
1047
|
.p-0 {
|
|
1035
1048
|
padding: calc(var(--spacing) * 0);
|
|
1036
1049
|
}
|
|
1050
|
+
.p-4 {
|
|
1051
|
+
padding: calc(var(--spacing) * 4);
|
|
1052
|
+
}
|
|
1037
1053
|
.px-\(--px\) {
|
|
1038
1054
|
padding-inline: var(--px);
|
|
1039
1055
|
}
|
|
@@ -1313,6 +1329,9 @@
|
|
|
1313
1329
|
.text-violet-600 {
|
|
1314
1330
|
color: var(--color-violet-600);
|
|
1315
1331
|
}
|
|
1332
|
+
.text-white {
|
|
1333
|
+
color: var(--color-white);
|
|
1334
|
+
}
|
|
1316
1335
|
.text-yellow-100 {
|
|
1317
1336
|
color: var(--color-yellow-100);
|
|
1318
1337
|
}
|
|
@@ -1412,10 +1431,17 @@
|
|
|
1412
1431
|
.opacity-50 {
|
|
1413
1432
|
opacity: 50%;
|
|
1414
1433
|
}
|
|
1434
|
+
.opacity-80 {
|
|
1435
|
+
opacity: 80%;
|
|
1436
|
+
}
|
|
1415
1437
|
.shadow {
|
|
1416
1438
|
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
1417
1439
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1418
1440
|
}
|
|
1441
|
+
.shadow-2xl {
|
|
1442
|
+
--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
|
|
1443
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1444
|
+
}
|
|
1419
1445
|
.shadow-2xs {
|
|
1420
1446
|
--tw-shadow: 0 1px var(--tw-shadow-color, rgb(0 0 0 / 0.05));
|
|
1421
1447
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -1534,6 +1560,16 @@
|
|
|
1534
1560
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1535
1561
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1536
1562
|
}
|
|
1563
|
+
.transition-shadow {
|
|
1564
|
+
transition-property: box-shadow;
|
|
1565
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1566
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1567
|
+
}
|
|
1568
|
+
.transition-transform {
|
|
1569
|
+
transition-property: transform, translate, scale, rotate;
|
|
1570
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1571
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1572
|
+
}
|
|
1537
1573
|
.duration-200 {
|
|
1538
1574
|
--tw-duration: 200ms;
|
|
1539
1575
|
transition-duration: 200ms;
|
package/package.json
CHANGED