react-modular-datepicker 0.0.2 → 0.0.3-canary.0
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/README.md +195 -4
- package/dist/index.css +460 -128
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +3 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +25 -2
package/dist/index.css
CHANGED
|
@@ -5,44 +5,53 @@
|
|
|
5
5
|
:root, :host {
|
|
6
6
|
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
|
|
7
7
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
8
|
+
--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
|
|
8
9
|
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
|
|
9
10
|
"Courier New", monospace;
|
|
10
11
|
--color-red-50: oklch(97.1% 0.013 17.38);
|
|
11
12
|
--color-red-200: oklch(88.5% 0.062 18.334);
|
|
12
13
|
--color-red-300: oklch(80.8% 0.114 19.571);
|
|
13
14
|
--color-orange-500: oklch(70.5% 0.213 47.604);
|
|
15
|
+
--color-amber-50: oklch(98.7% 0.022 95.277);
|
|
16
|
+
--color-amber-100: oklch(96.2% 0.059 95.617);
|
|
17
|
+
--color-amber-400: oklch(82.8% 0.189 84.429);
|
|
14
18
|
--color-amber-500: oklch(76.9% 0.188 70.08);
|
|
19
|
+
--color-amber-700: oklch(55.5% 0.163 48.998);
|
|
20
|
+
--color-amber-800: oklch(47.3% 0.137 46.201);
|
|
21
|
+
--color-amber-900: oklch(41.4% 0.112 45.904);
|
|
22
|
+
--color-yellow-400: oklch(85.2% 0.199 91.936);
|
|
23
|
+
--color-yellow-950: oklch(28.6% 0.066 53.813);
|
|
15
24
|
--color-green-100: oklch(96.2% 0.044 156.743);
|
|
16
25
|
--color-green-200: oklch(92.5% 0.084 155.995);
|
|
17
26
|
--color-green-800: oklch(44.8% 0.119 151.328);
|
|
18
|
-
--color-emerald-50: oklch(97.9% 0.021 166.113);
|
|
19
|
-
--color-emerald-200: oklch(90.5% 0.093 164.15);
|
|
20
27
|
--color-emerald-500: oklch(69.6% 0.17 162.48);
|
|
21
|
-
--color-
|
|
22
|
-
--color-
|
|
28
|
+
--color-cyan-300: oklch(86.5% 0.127 207.078);
|
|
29
|
+
--color-cyan-400: oklch(78.9% 0.154 211.53);
|
|
23
30
|
--color-cyan-500: oklch(71.5% 0.143 215.221);
|
|
31
|
+
--color-cyan-900: oklch(39.8% 0.07 227.392);
|
|
32
|
+
--color-cyan-950: oklch(30.2% 0.056 229.695);
|
|
24
33
|
--color-blue-50: oklch(97% 0.014 254.604);
|
|
25
34
|
--color-blue-100: oklch(93.2% 0.032 255.585);
|
|
26
|
-
--color-blue-400: oklch(70.7% 0.165 254.624);
|
|
27
35
|
--color-blue-500: oklch(62.3% 0.214 259.815);
|
|
28
36
|
--color-blue-600: oklch(54.6% 0.245 262.881);
|
|
29
37
|
--color-blue-700: oklch(48.8% 0.243 264.376);
|
|
30
38
|
--color-blue-800: oklch(42.4% 0.199 265.638);
|
|
31
39
|
--color-indigo-400: oklch(67.3% 0.182 276.935);
|
|
32
|
-
--color-indigo-
|
|
40
|
+
--color-indigo-950: oklch(25.7% 0.09 281.288);
|
|
41
|
+
--color-purple-100: oklch(94.6% 0.033 307.174);
|
|
42
|
+
--color-purple-200: oklch(90.2% 0.063 306.703);
|
|
43
|
+
--color-purple-300: oklch(82.7% 0.119 306.383);
|
|
44
|
+
--color-purple-400: oklch(71.4% 0.203 305.504);
|
|
33
45
|
--color-purple-500: oklch(62.7% 0.265 303.9);
|
|
46
|
+
--color-purple-600: oklch(55.8% 0.288 302.321);
|
|
47
|
+
--color-purple-800: oklch(43.8% 0.218 303.724);
|
|
48
|
+
--color-purple-900: oklch(38.1% 0.176 304.987);
|
|
49
|
+
--color-purple-950: oklch(29.1% 0.149 302.717);
|
|
50
|
+
--color-pink-300: oklch(82.3% 0.12 346.018);
|
|
51
|
+
--color-pink-400: oklch(71.8% 0.202 349.761);
|
|
34
52
|
--color-pink-500: oklch(65.6% 0.241 354.308);
|
|
35
53
|
--color-rose-500: oklch(64.5% 0.246 16.439);
|
|
36
|
-
--color-slate-
|
|
37
|
-
--color-slate-100: oklch(96.8% 0.007 247.896);
|
|
38
|
-
--color-slate-200: oklch(92.9% 0.013 255.508);
|
|
39
|
-
--color-slate-300: oklch(86.9% 0.022 252.894);
|
|
40
|
-
--color-slate-400: oklch(70.4% 0.04 256.788);
|
|
41
|
-
--color-slate-500: oklch(55.4% 0.046 257.417);
|
|
42
|
-
--color-slate-600: oklch(44.6% 0.043 257.281);
|
|
43
|
-
--color-slate-700: oklch(37.2% 0.044 257.287);
|
|
44
|
-
--color-slate-800: oklch(27.9% 0.041 260.031);
|
|
45
|
-
--color-slate-900: oklch(20.8% 0.042 265.755);
|
|
54
|
+
--color-slate-950: oklch(12.9% 0.042 264.695);
|
|
46
55
|
--color-gray-50: oklch(98.5% 0.002 247.839);
|
|
47
56
|
--color-gray-100: oklch(96.7% 0.003 264.542);
|
|
48
57
|
--color-gray-200: oklch(92.8% 0.006 264.531);
|
|
@@ -53,6 +62,15 @@
|
|
|
53
62
|
--color-gray-700: oklch(37.3% 0.034 259.733);
|
|
54
63
|
--color-gray-800: oklch(27.8% 0.033 256.848);
|
|
55
64
|
--color-gray-900: oklch(21% 0.034 264.665);
|
|
65
|
+
--color-stone-50: oklch(98.5% 0.001 106.423);
|
|
66
|
+
--color-stone-100: oklch(97% 0.001 106.424);
|
|
67
|
+
--color-stone-200: oklch(92.3% 0.003 48.717);
|
|
68
|
+
--color-stone-300: oklch(86.9% 0.005 56.366);
|
|
69
|
+
--color-stone-600: oklch(44.4% 0.011 73.639);
|
|
70
|
+
--color-stone-700: oklch(37.4% 0.01 67.558);
|
|
71
|
+
--color-stone-800: oklch(26.8% 0.007 34.298);
|
|
72
|
+
--color-stone-900: oklch(21.6% 0.006 56.043);
|
|
73
|
+
--color-stone-950: oklch(14.7% 0.004 49.25);
|
|
56
74
|
--color-black: #000;
|
|
57
75
|
--color-white: #fff;
|
|
58
76
|
--spacing: 0.25rem;
|
|
@@ -62,6 +80,8 @@
|
|
|
62
80
|
--text-xs--line-height: calc(1 / 0.75);
|
|
63
81
|
--text-sm: 0.875rem;
|
|
64
82
|
--text-sm--line-height: calc(1.25 / 0.875);
|
|
83
|
+
--text-base: 1rem;
|
|
84
|
+
--text-base--line-height: calc(1.5 / 1);
|
|
65
85
|
--text-lg: 1.125rem;
|
|
66
86
|
--text-lg--line-height: calc(1.75 / 1.125);
|
|
67
87
|
--text-2xl: 1.5rem;
|
|
@@ -72,7 +92,8 @@
|
|
|
72
92
|
--font-weight-semibold: 600;
|
|
73
93
|
--font-weight-bold: 700;
|
|
74
94
|
--font-weight-extrabold: 800;
|
|
75
|
-
--
|
|
95
|
+
--font-weight-black: 900;
|
|
96
|
+
--tracking-tight: -0.025em;
|
|
76
97
|
--tracking-wider: 0.05em;
|
|
77
98
|
--tracking-widest: 0.1em;
|
|
78
99
|
--radius-md: 0.375rem;
|
|
@@ -302,6 +323,9 @@
|
|
|
302
323
|
.mb-2 {
|
|
303
324
|
margin-bottom: calc(var(--spacing) * 2);
|
|
304
325
|
}
|
|
326
|
+
.mb-3 {
|
|
327
|
+
margin-bottom: calc(var(--spacing) * 3);
|
|
328
|
+
}
|
|
305
329
|
.mb-4 {
|
|
306
330
|
margin-bottom: calc(var(--spacing) * 4);
|
|
307
331
|
}
|
|
@@ -350,6 +374,9 @@
|
|
|
350
374
|
.max-h-\[300px\] {
|
|
351
375
|
max-height: 300px;
|
|
352
376
|
}
|
|
377
|
+
.min-h-0 {
|
|
378
|
+
min-height: calc(var(--spacing) * 0);
|
|
379
|
+
}
|
|
353
380
|
.min-h-\[120px\] {
|
|
354
381
|
min-height: 120px;
|
|
355
382
|
}
|
|
@@ -371,6 +398,9 @@
|
|
|
371
398
|
.w-10 {
|
|
372
399
|
width: calc(var(--spacing) * 10);
|
|
373
400
|
}
|
|
401
|
+
.w-\[320px\] {
|
|
402
|
+
width: 320px;
|
|
403
|
+
}
|
|
374
404
|
.w-fit {
|
|
375
405
|
width: fit-content;
|
|
376
406
|
}
|
|
@@ -380,8 +410,8 @@
|
|
|
380
410
|
.max-w-6xl {
|
|
381
411
|
max-width: var(--container-6xl);
|
|
382
412
|
}
|
|
383
|
-
.max-w-\[
|
|
384
|
-
max-width:
|
|
413
|
+
.max-w-\[1200px\] {
|
|
414
|
+
max-width: 1200px;
|
|
385
415
|
}
|
|
386
416
|
.max-w-md {
|
|
387
417
|
max-width: var(--container-md);
|
|
@@ -412,10 +442,10 @@
|
|
|
412
442
|
--tw-scale-z: 95%;
|
|
413
443
|
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
414
444
|
}
|
|
415
|
-
.scale-
|
|
416
|
-
--tw-scale-x:
|
|
417
|
-
--tw-scale-y:
|
|
418
|
-
--tw-scale-z:
|
|
445
|
+
.scale-105 {
|
|
446
|
+
--tw-scale-x: 105%;
|
|
447
|
+
--tw-scale-y: 105%;
|
|
448
|
+
--tw-scale-z: 105%;
|
|
419
449
|
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
420
450
|
}
|
|
421
451
|
.transform {
|
|
@@ -442,6 +472,12 @@
|
|
|
442
472
|
.flex-col {
|
|
443
473
|
flex-direction: column;
|
|
444
474
|
}
|
|
475
|
+
.flex-row {
|
|
476
|
+
flex-direction: row;
|
|
477
|
+
}
|
|
478
|
+
.flex-wrap {
|
|
479
|
+
flex-wrap: wrap;
|
|
480
|
+
}
|
|
445
481
|
.items-center {
|
|
446
482
|
align-items: center;
|
|
447
483
|
}
|
|
@@ -469,9 +505,6 @@
|
|
|
469
505
|
.gap-8 {
|
|
470
506
|
gap: calc(var(--spacing) * 8);
|
|
471
507
|
}
|
|
472
|
-
.gap-12 {
|
|
473
|
-
gap: calc(var(--spacing) * 12);
|
|
474
|
-
}
|
|
475
508
|
.gap-px {
|
|
476
509
|
gap: 1px;
|
|
477
510
|
}
|
|
@@ -521,6 +554,9 @@
|
|
|
521
554
|
.rounded-md {
|
|
522
555
|
border-radius: var(--radius-md);
|
|
523
556
|
}
|
|
557
|
+
.rounded-none {
|
|
558
|
+
border-radius: 0;
|
|
559
|
+
}
|
|
524
560
|
.rounded-xl {
|
|
525
561
|
border-radius: var(--radius-xl);
|
|
526
562
|
}
|
|
@@ -528,6 +564,10 @@
|
|
|
528
564
|
border-top-left-radius: var(--radius-lg);
|
|
529
565
|
border-top-right-radius: var(--radius-lg);
|
|
530
566
|
}
|
|
567
|
+
.rounded-t-xl {
|
|
568
|
+
border-top-left-radius: var(--radius-xl);
|
|
569
|
+
border-top-right-radius: var(--radius-xl);
|
|
570
|
+
}
|
|
531
571
|
.rounded-l-full {
|
|
532
572
|
border-top-left-radius: calc(infinity * 1px);
|
|
533
573
|
border-bottom-left-radius: calc(infinity * 1px);
|
|
@@ -548,10 +588,18 @@
|
|
|
548
588
|
border-bottom-right-radius: var(--radius-lg);
|
|
549
589
|
border-bottom-left-radius: var(--radius-lg);
|
|
550
590
|
}
|
|
591
|
+
.rounded-b-xl {
|
|
592
|
+
border-bottom-right-radius: var(--radius-xl);
|
|
593
|
+
border-bottom-left-radius: var(--radius-xl);
|
|
594
|
+
}
|
|
551
595
|
.border {
|
|
552
596
|
border-style: var(--tw-border-style);
|
|
553
597
|
border-width: 1px;
|
|
554
598
|
}
|
|
599
|
+
.border-2 {
|
|
600
|
+
border-style: var(--tw-border-style);
|
|
601
|
+
border-width: 2px;
|
|
602
|
+
}
|
|
555
603
|
.border-8 {
|
|
556
604
|
border-style: var(--tw-border-style);
|
|
557
605
|
border-width: 8px;
|
|
@@ -576,6 +624,9 @@
|
|
|
576
624
|
border-left-style: var(--tw-border-style);
|
|
577
625
|
border-left-width: 1px;
|
|
578
626
|
}
|
|
627
|
+
.border-amber-900 {
|
|
628
|
+
border-color: var(--color-amber-900);
|
|
629
|
+
}
|
|
579
630
|
.border-brand-gold {
|
|
580
631
|
border-color: var(--color-brand-gold);
|
|
581
632
|
}
|
|
@@ -585,6 +636,18 @@
|
|
|
585
636
|
border-color: color-mix(in oklab, var(--color-brand-gray-light) 40%, transparent);
|
|
586
637
|
}
|
|
587
638
|
}
|
|
639
|
+
.border-cyan-300 {
|
|
640
|
+
border-color: var(--color-cyan-300);
|
|
641
|
+
}
|
|
642
|
+
.border-cyan-400 {
|
|
643
|
+
border-color: var(--color-cyan-400);
|
|
644
|
+
}
|
|
645
|
+
.border-cyan-900 {
|
|
646
|
+
border-color: var(--color-cyan-900);
|
|
647
|
+
}
|
|
648
|
+
.border-cyan-950 {
|
|
649
|
+
border-color: var(--color-cyan-950);
|
|
650
|
+
}
|
|
588
651
|
.border-gray-100 {
|
|
589
652
|
border-color: var(--color-gray-100);
|
|
590
653
|
}
|
|
@@ -594,24 +657,39 @@
|
|
|
594
657
|
.border-gray-300 {
|
|
595
658
|
border-color: var(--color-gray-300);
|
|
596
659
|
}
|
|
597
|
-
.border-
|
|
598
|
-
border-color:
|
|
660
|
+
.border-purple-400\/20 {
|
|
661
|
+
border-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 20%, transparent);
|
|
662
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
663
|
+
border-color: color-mix(in oklab, var(--color-purple-400) 20%, transparent);
|
|
664
|
+
}
|
|
599
665
|
}
|
|
600
|
-
.border-
|
|
601
|
-
border-color: var(--color-
|
|
666
|
+
.border-stone-200 {
|
|
667
|
+
border-color: var(--color-stone-200);
|
|
602
668
|
}
|
|
603
|
-
.border-
|
|
604
|
-
border-color:
|
|
669
|
+
.border-stone-200\/80 {
|
|
670
|
+
border-color: color-mix(in srgb, oklch(92.3% 0.003 48.717) 80%, transparent);
|
|
671
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
672
|
+
border-color: color-mix(in oklab, var(--color-stone-200) 80%, transparent);
|
|
673
|
+
}
|
|
605
674
|
}
|
|
606
675
|
.border-transparent {
|
|
607
676
|
border-color: transparent;
|
|
608
677
|
}
|
|
678
|
+
.border-yellow-400 {
|
|
679
|
+
border-color: var(--color-yellow-400);
|
|
680
|
+
}
|
|
609
681
|
.border-t-gray-800 {
|
|
610
682
|
border-top-color: var(--color-gray-800);
|
|
611
683
|
}
|
|
684
|
+
.bg-amber-50 {
|
|
685
|
+
background-color: var(--color-amber-50);
|
|
686
|
+
}
|
|
612
687
|
.bg-amber-500 {
|
|
613
688
|
background-color: var(--color-amber-500);
|
|
614
689
|
}
|
|
690
|
+
.bg-amber-800 {
|
|
691
|
+
background-color: var(--color-amber-800);
|
|
692
|
+
}
|
|
615
693
|
.bg-black {
|
|
616
694
|
background-color: var(--color-black);
|
|
617
695
|
}
|
|
@@ -633,8 +711,11 @@
|
|
|
633
711
|
.bg-brand-gold {
|
|
634
712
|
background-color: var(--color-brand-gold);
|
|
635
713
|
}
|
|
636
|
-
.bg-brand-
|
|
637
|
-
background-color:
|
|
714
|
+
.bg-brand-gold\/25 {
|
|
715
|
+
background-color: color-mix(in srgb, #c5a059 25%, transparent);
|
|
716
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
717
|
+
background-color: color-mix(in oklab, var(--color-brand-gold) 25%, transparent);
|
|
718
|
+
}
|
|
638
719
|
}
|
|
639
720
|
.bg-brand-gray-light\/20 {
|
|
640
721
|
background-color: color-mix(in srgb, #b5bec6 20%, transparent);
|
|
@@ -642,15 +723,15 @@
|
|
|
642
723
|
background-color: color-mix(in oklab, var(--color-brand-gray-light) 20%, transparent);
|
|
643
724
|
}
|
|
644
725
|
}
|
|
726
|
+
.bg-cyan-400 {
|
|
727
|
+
background-color: var(--color-cyan-400);
|
|
728
|
+
}
|
|
645
729
|
.bg-cyan-500 {
|
|
646
730
|
background-color: var(--color-cyan-500);
|
|
647
731
|
}
|
|
648
732
|
.bg-emerald-500 {
|
|
649
733
|
background-color: var(--color-emerald-500);
|
|
650
734
|
}
|
|
651
|
-
.bg-emerald-600 {
|
|
652
|
-
background-color: var(--color-emerald-600);
|
|
653
|
-
}
|
|
654
735
|
.bg-gray-50 {
|
|
655
736
|
background-color: var(--color-gray-50);
|
|
656
737
|
}
|
|
@@ -687,18 +768,18 @@
|
|
|
687
768
|
.bg-indigo-400 {
|
|
688
769
|
background-color: var(--color-indigo-400);
|
|
689
770
|
}
|
|
690
|
-
.bg-indigo-900 {
|
|
691
|
-
background-color: var(--color-indigo-900);
|
|
692
|
-
}
|
|
693
771
|
.bg-orange-500 {
|
|
694
772
|
background-color: var(--color-orange-500);
|
|
695
773
|
}
|
|
696
|
-
.bg-pink-500 {
|
|
697
|
-
background-color: var(--color-pink-500);
|
|
698
|
-
}
|
|
699
774
|
.bg-purple-500 {
|
|
700
775
|
background-color: var(--color-purple-500);
|
|
701
776
|
}
|
|
777
|
+
.bg-purple-900\/20 {
|
|
778
|
+
background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent);
|
|
779
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
780
|
+
background-color: color-mix(in oklab, var(--color-purple-900) 20%, transparent);
|
|
781
|
+
}
|
|
782
|
+
}
|
|
702
783
|
.bg-red-50 {
|
|
703
784
|
background-color: var(--color-red-50);
|
|
704
785
|
}
|
|
@@ -708,8 +789,20 @@
|
|
|
708
789
|
.bg-rose-500 {
|
|
709
790
|
background-color: var(--color-rose-500);
|
|
710
791
|
}
|
|
711
|
-
.bg-slate-
|
|
712
|
-
background-color: var(--color-slate-
|
|
792
|
+
.bg-slate-950 {
|
|
793
|
+
background-color: var(--color-slate-950);
|
|
794
|
+
}
|
|
795
|
+
.bg-stone-50 {
|
|
796
|
+
background-color: var(--color-stone-50);
|
|
797
|
+
}
|
|
798
|
+
.bg-stone-100\/50 {
|
|
799
|
+
background-color: color-mix(in srgb, oklch(97% 0.001 106.424) 50%, transparent);
|
|
800
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
801
|
+
background-color: color-mix(in oklab, var(--color-stone-100) 50%, transparent);
|
|
802
|
+
}
|
|
803
|
+
}
|
|
804
|
+
.bg-transparent {
|
|
805
|
+
background-color: transparent;
|
|
713
806
|
}
|
|
714
807
|
.bg-white {
|
|
715
808
|
background-color: var(--color-white);
|
|
@@ -720,15 +813,70 @@
|
|
|
720
813
|
background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
|
|
721
814
|
}
|
|
722
815
|
}
|
|
816
|
+
.bg-yellow-950\/30 {
|
|
817
|
+
background-color: color-mix(in srgb, oklch(28.6% 0.066 53.813) 30%, transparent);
|
|
818
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
819
|
+
background-color: color-mix(in oklab, var(--color-yellow-950) 30%, transparent);
|
|
820
|
+
}
|
|
821
|
+
}
|
|
822
|
+
.bg-gradient-to-br {
|
|
823
|
+
--tw-gradient-position: to bottom right in oklab;
|
|
824
|
+
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
825
|
+
}
|
|
826
|
+
.bg-gradient-to-r {
|
|
827
|
+
--tw-gradient-position: to right in oklab;
|
|
828
|
+
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
829
|
+
}
|
|
830
|
+
.from-indigo-950 {
|
|
831
|
+
--tw-gradient-from: var(--color-indigo-950);
|
|
832
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
833
|
+
}
|
|
834
|
+
.from-pink-300 {
|
|
835
|
+
--tw-gradient-from: var(--color-pink-300);
|
|
836
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
837
|
+
}
|
|
838
|
+
.from-pink-500 {
|
|
839
|
+
--tw-gradient-from: var(--color-pink-500);
|
|
840
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
841
|
+
}
|
|
842
|
+
.via-purple-950 {
|
|
843
|
+
--tw-gradient-via: var(--color-purple-950);
|
|
844
|
+
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
845
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
846
|
+
}
|
|
847
|
+
.to-purple-200 {
|
|
848
|
+
--tw-gradient-to: var(--color-purple-200);
|
|
849
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
850
|
+
}
|
|
851
|
+
.to-purple-600 {
|
|
852
|
+
--tw-gradient-to: var(--color-purple-600);
|
|
853
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
854
|
+
}
|
|
855
|
+
.to-slate-950 {
|
|
856
|
+
--tw-gradient-to: var(--color-slate-950);
|
|
857
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
858
|
+
}
|
|
859
|
+
.bg-clip-text {
|
|
860
|
+
background-clip: text;
|
|
861
|
+
}
|
|
862
|
+
.p-1 {
|
|
863
|
+
padding: calc(var(--spacing) * 1);
|
|
864
|
+
}
|
|
865
|
+
.p-1\.5 {
|
|
866
|
+
padding: calc(var(--spacing) * 1.5);
|
|
867
|
+
}
|
|
723
868
|
.p-2 {
|
|
724
869
|
padding: calc(var(--spacing) * 2);
|
|
725
870
|
}
|
|
726
|
-
.p-
|
|
727
|
-
padding: calc(var(--spacing) *
|
|
871
|
+
.p-3 {
|
|
872
|
+
padding: calc(var(--spacing) * 3);
|
|
728
873
|
}
|
|
729
874
|
.p-4 {
|
|
730
875
|
padding: calc(var(--spacing) * 4);
|
|
731
876
|
}
|
|
877
|
+
.p-5 {
|
|
878
|
+
padding: calc(var(--spacing) * 5);
|
|
879
|
+
}
|
|
732
880
|
.p-6 {
|
|
733
881
|
padding: calc(var(--spacing) * 6);
|
|
734
882
|
}
|
|
@@ -738,6 +886,9 @@
|
|
|
738
886
|
.p-px {
|
|
739
887
|
padding: 1px;
|
|
740
888
|
}
|
|
889
|
+
.px-1 {
|
|
890
|
+
padding-inline: calc(var(--spacing) * 1);
|
|
891
|
+
}
|
|
741
892
|
.px-1\.5 {
|
|
742
893
|
padding-inline: calc(var(--spacing) * 1.5);
|
|
743
894
|
}
|
|
@@ -750,6 +901,9 @@
|
|
|
750
901
|
.px-4 {
|
|
751
902
|
padding-inline: calc(var(--spacing) * 4);
|
|
752
903
|
}
|
|
904
|
+
.py-0\.5 {
|
|
905
|
+
padding-block: calc(var(--spacing) * 0.5);
|
|
906
|
+
}
|
|
753
907
|
.py-1 {
|
|
754
908
|
padding-block: calc(var(--spacing) * 1);
|
|
755
909
|
}
|
|
@@ -771,15 +925,30 @@
|
|
|
771
925
|
.pr-2 {
|
|
772
926
|
padding-right: calc(var(--spacing) * 2);
|
|
773
927
|
}
|
|
928
|
+
.pb-1 {
|
|
929
|
+
padding-bottom: calc(var(--spacing) * 1);
|
|
930
|
+
}
|
|
774
931
|
.pb-2 {
|
|
775
932
|
padding-bottom: calc(var(--spacing) * 2);
|
|
776
933
|
}
|
|
934
|
+
.pb-3 {
|
|
935
|
+
padding-bottom: calc(var(--spacing) * 3);
|
|
936
|
+
}
|
|
777
937
|
.pb-4 {
|
|
778
938
|
padding-bottom: calc(var(--spacing) * 4);
|
|
779
939
|
}
|
|
780
940
|
.text-center {
|
|
781
941
|
text-align: center;
|
|
782
942
|
}
|
|
943
|
+
.font-mono {
|
|
944
|
+
font-family: var(--font-mono);
|
|
945
|
+
}
|
|
946
|
+
.font-sans {
|
|
947
|
+
font-family: var(--font-sans);
|
|
948
|
+
}
|
|
949
|
+
.font-serif {
|
|
950
|
+
font-family: var(--font-serif);
|
|
951
|
+
}
|
|
783
952
|
.text-2xl {
|
|
784
953
|
font-size: var(--text-2xl);
|
|
785
954
|
line-height: var(--tw-leading, var(--text-2xl--line-height));
|
|
@@ -788,6 +957,10 @@
|
|
|
788
957
|
font-size: var(--text-3xl);
|
|
789
958
|
line-height: var(--tw-leading, var(--text-3xl--line-height));
|
|
790
959
|
}
|
|
960
|
+
.text-base {
|
|
961
|
+
font-size: var(--text-base);
|
|
962
|
+
line-height: var(--tw-leading, var(--text-base--line-height));
|
|
963
|
+
}
|
|
791
964
|
.text-lg {
|
|
792
965
|
font-size: var(--text-lg);
|
|
793
966
|
line-height: var(--tw-leading, var(--text-lg--line-height));
|
|
@@ -806,6 +979,10 @@
|
|
|
806
979
|
.text-\[11px\] {
|
|
807
980
|
font-size: 11px;
|
|
808
981
|
}
|
|
982
|
+
.font-black {
|
|
983
|
+
--tw-font-weight: var(--font-weight-black);
|
|
984
|
+
font-weight: var(--font-weight-black);
|
|
985
|
+
}
|
|
809
986
|
.font-bold {
|
|
810
987
|
--tw-font-weight: var(--font-weight-bold);
|
|
811
988
|
font-weight: var(--font-weight-bold);
|
|
@@ -822,9 +999,9 @@
|
|
|
822
999
|
--tw-font-weight: var(--font-weight-semibold);
|
|
823
1000
|
font-weight: var(--font-weight-semibold);
|
|
824
1001
|
}
|
|
825
|
-
.tracking-
|
|
826
|
-
--tw-tracking: var(--tracking-
|
|
827
|
-
letter-spacing: var(--tracking-
|
|
1002
|
+
.tracking-tight {
|
|
1003
|
+
--tw-tracking: var(--tracking-tight);
|
|
1004
|
+
letter-spacing: var(--tracking-tight);
|
|
828
1005
|
}
|
|
829
1006
|
.tracking-wider {
|
|
830
1007
|
--tw-tracking: var(--tracking-wider);
|
|
@@ -837,8 +1014,23 @@
|
|
|
837
1014
|
.whitespace-nowrap {
|
|
838
1015
|
white-space: nowrap;
|
|
839
1016
|
}
|
|
840
|
-
.text-
|
|
841
|
-
color: var(--color-
|
|
1017
|
+
.text-amber-50 {
|
|
1018
|
+
color: var(--color-amber-50);
|
|
1019
|
+
}
|
|
1020
|
+
.text-amber-700 {
|
|
1021
|
+
color: var(--color-amber-700);
|
|
1022
|
+
}
|
|
1023
|
+
.text-amber-800 {
|
|
1024
|
+
color: var(--color-amber-800);
|
|
1025
|
+
}
|
|
1026
|
+
.text-amber-900\/60 {
|
|
1027
|
+
color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 60%, transparent);
|
|
1028
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1029
|
+
color: color-mix(in oklab, var(--color-amber-900) 60%, transparent);
|
|
1030
|
+
}
|
|
1031
|
+
}
|
|
1032
|
+
.text-black {
|
|
1033
|
+
color: var(--color-black);
|
|
842
1034
|
}
|
|
843
1035
|
.text-blue-600 {
|
|
844
1036
|
color: var(--color-blue-600);
|
|
@@ -855,8 +1047,17 @@
|
|
|
855
1047
|
.text-brand-text {
|
|
856
1048
|
color: var(--color-brand-text);
|
|
857
1049
|
}
|
|
858
|
-
.text-
|
|
859
|
-
color: var(--color-
|
|
1050
|
+
.text-cyan-300 {
|
|
1051
|
+
color: var(--color-cyan-300);
|
|
1052
|
+
}
|
|
1053
|
+
.text-cyan-400 {
|
|
1054
|
+
color: var(--color-cyan-400);
|
|
1055
|
+
}
|
|
1056
|
+
.text-cyan-500 {
|
|
1057
|
+
color: var(--color-cyan-500);
|
|
1058
|
+
}
|
|
1059
|
+
.text-cyan-900 {
|
|
1060
|
+
color: var(--color-cyan-900);
|
|
860
1061
|
}
|
|
861
1062
|
.text-gray-300 {
|
|
862
1063
|
color: var(--color-gray-300);
|
|
@@ -882,39 +1083,57 @@
|
|
|
882
1083
|
.text-green-800 {
|
|
883
1084
|
color: var(--color-green-800);
|
|
884
1085
|
}
|
|
885
|
-
.text-pink-
|
|
886
|
-
color: var(--color-pink-
|
|
1086
|
+
.text-pink-300 {
|
|
1087
|
+
color: var(--color-pink-300);
|
|
887
1088
|
}
|
|
888
|
-
.text-
|
|
889
|
-
color: var(--color-
|
|
1089
|
+
.text-purple-100 {
|
|
1090
|
+
color: var(--color-purple-100);
|
|
1091
|
+
}
|
|
1092
|
+
.text-purple-200 {
|
|
1093
|
+
color: var(--color-purple-200);
|
|
1094
|
+
}
|
|
1095
|
+
.text-purple-300 {
|
|
1096
|
+
color: var(--color-purple-300);
|
|
1097
|
+
}
|
|
1098
|
+
.text-purple-400\/80 {
|
|
1099
|
+
color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 80%, transparent);
|
|
1100
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1101
|
+
color: color-mix(in oklab, var(--color-purple-400) 80%, transparent);
|
|
1102
|
+
}
|
|
890
1103
|
}
|
|
891
|
-
.text-
|
|
892
|
-
color:
|
|
1104
|
+
.text-purple-900\/40 {
|
|
1105
|
+
color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 40%, transparent);
|
|
1106
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1107
|
+
color: color-mix(in oklab, var(--color-purple-900) 40%, transparent);
|
|
1108
|
+
}
|
|
893
1109
|
}
|
|
894
|
-
.text-
|
|
895
|
-
color: var(--color-
|
|
1110
|
+
.text-red-300 {
|
|
1111
|
+
color: var(--color-red-300);
|
|
896
1112
|
}
|
|
897
|
-
.text-
|
|
898
|
-
color: var(--color-
|
|
1113
|
+
.text-stone-300 {
|
|
1114
|
+
color: var(--color-stone-300);
|
|
899
1115
|
}
|
|
900
|
-
.text-
|
|
901
|
-
color: var(--color-
|
|
1116
|
+
.text-stone-600 {
|
|
1117
|
+
color: var(--color-stone-600);
|
|
902
1118
|
}
|
|
903
|
-
.text-
|
|
904
|
-
color: var(--color-
|
|
1119
|
+
.text-stone-700 {
|
|
1120
|
+
color: var(--color-stone-700);
|
|
905
1121
|
}
|
|
906
|
-
.text-
|
|
907
|
-
color: var(--color-
|
|
1122
|
+
.text-stone-800 {
|
|
1123
|
+
color: var(--color-stone-800);
|
|
908
1124
|
}
|
|
909
|
-
.text-
|
|
910
|
-
color: var(--color-
|
|
1125
|
+
.text-stone-900 {
|
|
1126
|
+
color: var(--color-stone-900);
|
|
911
1127
|
}
|
|
912
|
-
.text-
|
|
913
|
-
color:
|
|
1128
|
+
.text-transparent {
|
|
1129
|
+
color: transparent;
|
|
914
1130
|
}
|
|
915
1131
|
.text-white {
|
|
916
1132
|
color: var(--color-white);
|
|
917
1133
|
}
|
|
1134
|
+
.text-yellow-400 {
|
|
1135
|
+
color: var(--color-yellow-400);
|
|
1136
|
+
}
|
|
918
1137
|
.uppercase {
|
|
919
1138
|
text-transform: uppercase;
|
|
920
1139
|
}
|
|
@@ -924,15 +1143,6 @@
|
|
|
924
1143
|
.line-through {
|
|
925
1144
|
text-decoration-line: line-through;
|
|
926
1145
|
}
|
|
927
|
-
.underline {
|
|
928
|
-
text-decoration-line: underline;
|
|
929
|
-
}
|
|
930
|
-
.decoration-2 {
|
|
931
|
-
text-decoration-thickness: 2px;
|
|
932
|
-
}
|
|
933
|
-
.underline-offset-4 {
|
|
934
|
-
text-underline-offset: 4px;
|
|
935
|
-
}
|
|
936
1146
|
.antialiased {
|
|
937
1147
|
-webkit-font-smoothing: antialiased;
|
|
938
1148
|
-moz-osx-font-smoothing: grayscale;
|
|
@@ -940,17 +1150,20 @@
|
|
|
940
1150
|
.opacity-0 {
|
|
941
1151
|
opacity: 0%;
|
|
942
1152
|
}
|
|
1153
|
+
.opacity-30 {
|
|
1154
|
+
opacity: 30%;
|
|
1155
|
+
}
|
|
943
1156
|
.opacity-50 {
|
|
944
1157
|
opacity: 50%;
|
|
945
1158
|
}
|
|
946
|
-
.shadow {
|
|
947
|
-
--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));
|
|
948
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
949
|
-
}
|
|
950
1159
|
.shadow-2xl {
|
|
951
1160
|
--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
|
|
952
1161
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
953
1162
|
}
|
|
1163
|
+
.shadow-\[6px_6px_0px_0px_rgba\(6\,182\,212\,1\)\] {
|
|
1164
|
+
--tw-shadow: 6px 6px 0px 0px var(--tw-shadow-color, rgba(6,182,212,1));
|
|
1165
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1166
|
+
}
|
|
954
1167
|
.shadow-lg {
|
|
955
1168
|
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
956
1169
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -963,34 +1176,38 @@
|
|
|
963
1176
|
--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));
|
|
964
1177
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
965
1178
|
}
|
|
966
|
-
.shadow-xl {
|
|
967
|
-
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
968
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
969
|
-
}
|
|
970
1179
|
.ring-1 {
|
|
971
1180
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
972
1181
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
973
1182
|
}
|
|
974
|
-
.
|
|
975
|
-
--tw-shadow
|
|
976
|
-
|
|
977
|
-
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
|
|
978
|
-
}
|
|
1183
|
+
.ring-2 {
|
|
1184
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1185
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
979
1186
|
}
|
|
980
|
-
.shadow-
|
|
981
|
-
--tw-shadow-color: oklch(
|
|
1187
|
+
.shadow-pink-500\/40 {
|
|
1188
|
+
--tw-shadow-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 40%, transparent);
|
|
982
1189
|
@supports (color: color-mix(in lab, red, red)) {
|
|
983
|
-
--tw-shadow-color: color-mix(in oklab, var(--color-
|
|
1190
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-pink-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
|
|
984
1191
|
}
|
|
985
1192
|
}
|
|
986
|
-
.shadow-
|
|
987
|
-
--tw-shadow-color: color-mix(in srgb, oklch(
|
|
1193
|
+
.shadow-purple-950\/40 {
|
|
1194
|
+
--tw-shadow-color: color-mix(in srgb, oklch(29.1% 0.149 302.717) 40%, transparent);
|
|
988
1195
|
@supports (color: color-mix(in lab, red, red)) {
|
|
989
|
-
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-
|
|
1196
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-950) 40%, transparent) var(--tw-shadow-alpha), transparent);
|
|
990
1197
|
}
|
|
991
1198
|
}
|
|
992
|
-
.ring-
|
|
993
|
-
--tw-ring-color: var(--color-
|
|
1199
|
+
.ring-amber-700 {
|
|
1200
|
+
--tw-ring-color: var(--color-amber-700);
|
|
1201
|
+
}
|
|
1202
|
+
.ring-pink-400 {
|
|
1203
|
+
--tw-ring-color: var(--color-pink-400);
|
|
1204
|
+
}
|
|
1205
|
+
.ring-offset-2 {
|
|
1206
|
+
--tw-ring-offset-width: 2px;
|
|
1207
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1208
|
+
}
|
|
1209
|
+
.ring-offset-purple-950 {
|
|
1210
|
+
--tw-ring-offset-color: var(--color-purple-950);
|
|
994
1211
|
}
|
|
995
1212
|
.backdrop-blur-\[1px\] {
|
|
996
1213
|
--tw-backdrop-blur: blur(1px);
|
|
@@ -1007,6 +1224,11 @@
|
|
|
1007
1224
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1008
1225
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1009
1226
|
}
|
|
1227
|
+
.transition-transform {
|
|
1228
|
+
transition-property: transform, translate, scale, rotate;
|
|
1229
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1230
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1231
|
+
}
|
|
1010
1232
|
.duration-200 {
|
|
1011
1233
|
--tw-duration: 200ms;
|
|
1012
1234
|
transition-duration: 200ms;
|
|
@@ -1046,16 +1268,40 @@
|
|
|
1046
1268
|
border-right-width: 0px;
|
|
1047
1269
|
}
|
|
1048
1270
|
}
|
|
1049
|
-
.hover\:scale-
|
|
1271
|
+
.hover\:scale-110 {
|
|
1050
1272
|
&:hover {
|
|
1051
1273
|
@media (hover: hover) {
|
|
1052
|
-
--tw-scale-x:
|
|
1053
|
-
--tw-scale-y:
|
|
1054
|
-
--tw-scale-z:
|
|
1274
|
+
--tw-scale-x: 110%;
|
|
1275
|
+
--tw-scale-y: 110%;
|
|
1276
|
+
--tw-scale-z: 110%;
|
|
1055
1277
|
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
1056
1278
|
}
|
|
1057
1279
|
}
|
|
1058
1280
|
}
|
|
1281
|
+
.hover\:border-amber-400 {
|
|
1282
|
+
&:hover {
|
|
1283
|
+
@media (hover: hover) {
|
|
1284
|
+
border-color: var(--color-amber-400);
|
|
1285
|
+
}
|
|
1286
|
+
}
|
|
1287
|
+
}
|
|
1288
|
+
.hover\:border-cyan-400 {
|
|
1289
|
+
&:hover {
|
|
1290
|
+
@media (hover: hover) {
|
|
1291
|
+
border-color: var(--color-cyan-400);
|
|
1292
|
+
}
|
|
1293
|
+
}
|
|
1294
|
+
}
|
|
1295
|
+
.hover\:bg-amber-100\/50 {
|
|
1296
|
+
&:hover {
|
|
1297
|
+
@media (hover: hover) {
|
|
1298
|
+
background-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 50%, transparent);
|
|
1299
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1300
|
+
background-color: color-mix(in oklab, var(--color-amber-100) 50%, transparent);
|
|
1301
|
+
}
|
|
1302
|
+
}
|
|
1303
|
+
}
|
|
1304
|
+
}
|
|
1059
1305
|
.hover\:bg-brand-gray-light {
|
|
1060
1306
|
&:hover {
|
|
1061
1307
|
@media (hover: hover) {
|
|
@@ -1063,10 +1309,17 @@
|
|
|
1063
1309
|
}
|
|
1064
1310
|
}
|
|
1065
1311
|
}
|
|
1066
|
-
.hover\:bg-
|
|
1312
|
+
.hover\:bg-cyan-400 {
|
|
1067
1313
|
&:hover {
|
|
1068
1314
|
@media (hover: hover) {
|
|
1069
|
-
background-color: var(--color-
|
|
1315
|
+
background-color: var(--color-cyan-400);
|
|
1316
|
+
}
|
|
1317
|
+
}
|
|
1318
|
+
}
|
|
1319
|
+
.hover\:bg-cyan-950 {
|
|
1320
|
+
&:hover {
|
|
1321
|
+
@media (hover: hover) {
|
|
1322
|
+
background-color: var(--color-cyan-950);
|
|
1070
1323
|
}
|
|
1071
1324
|
}
|
|
1072
1325
|
}
|
|
@@ -1108,38 +1361,64 @@
|
|
|
1108
1361
|
}
|
|
1109
1362
|
}
|
|
1110
1363
|
}
|
|
1111
|
-
.hover\:bg-
|
|
1364
|
+
.hover\:bg-purple-500\/30 {
|
|
1365
|
+
&:hover {
|
|
1366
|
+
@media (hover: hover) {
|
|
1367
|
+
background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent);
|
|
1368
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1369
|
+
background-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
|
|
1370
|
+
}
|
|
1371
|
+
}
|
|
1372
|
+
}
|
|
1373
|
+
}
|
|
1374
|
+
.hover\:bg-purple-800\/40 {
|
|
1112
1375
|
&:hover {
|
|
1113
1376
|
@media (hover: hover) {
|
|
1114
|
-
background-color:
|
|
1377
|
+
background-color: color-mix(in srgb, oklch(43.8% 0.218 303.724) 40%, transparent);
|
|
1378
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1379
|
+
background-color: color-mix(in oklab, var(--color-purple-800) 40%, transparent);
|
|
1380
|
+
}
|
|
1115
1381
|
}
|
|
1116
1382
|
}
|
|
1117
1383
|
}
|
|
1118
|
-
.hover\:bg-
|
|
1384
|
+
.hover\:bg-stone-200\/60 {
|
|
1119
1385
|
&:hover {
|
|
1120
1386
|
@media (hover: hover) {
|
|
1121
|
-
background-color:
|
|
1387
|
+
background-color: color-mix(in srgb, oklch(92.3% 0.003 48.717) 60%, transparent);
|
|
1388
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1389
|
+
background-color: color-mix(in oklab, var(--color-stone-200) 60%, transparent);
|
|
1390
|
+
}
|
|
1391
|
+
}
|
|
1392
|
+
}
|
|
1393
|
+
}
|
|
1394
|
+
.hover\:bg-stone-200\/80 {
|
|
1395
|
+
&:hover {
|
|
1396
|
+
@media (hover: hover) {
|
|
1397
|
+
background-color: color-mix(in srgb, oklch(92.3% 0.003 48.717) 80%, transparent);
|
|
1398
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1399
|
+
background-color: color-mix(in oklab, var(--color-stone-200) 80%, transparent);
|
|
1400
|
+
}
|
|
1122
1401
|
}
|
|
1123
1402
|
}
|
|
1124
1403
|
}
|
|
1125
|
-
.hover\:text-
|
|
1404
|
+
.hover\:text-black {
|
|
1126
1405
|
&:hover {
|
|
1127
1406
|
@media (hover: hover) {
|
|
1128
|
-
color: var(--color-
|
|
1407
|
+
color: var(--color-black);
|
|
1129
1408
|
}
|
|
1130
1409
|
}
|
|
1131
1410
|
}
|
|
1132
|
-
.hover\:text-
|
|
1411
|
+
.hover\:text-stone-950 {
|
|
1133
1412
|
&:hover {
|
|
1134
1413
|
@media (hover: hover) {
|
|
1135
|
-
color: var(--color-
|
|
1414
|
+
color: var(--color-stone-950);
|
|
1136
1415
|
}
|
|
1137
1416
|
}
|
|
1138
1417
|
}
|
|
1139
|
-
.hover\:text-
|
|
1418
|
+
.hover\:text-white {
|
|
1140
1419
|
&:hover {
|
|
1141
1420
|
@media (hover: hover) {
|
|
1142
|
-
color: var(--color-
|
|
1421
|
+
color: var(--color-white);
|
|
1143
1422
|
}
|
|
1144
1423
|
}
|
|
1145
1424
|
}
|
|
@@ -1174,14 +1453,6 @@
|
|
|
1174
1453
|
--tw-ring-color: var(--color-brand-gold);
|
|
1175
1454
|
}
|
|
1176
1455
|
}
|
|
1177
|
-
.active\:scale-95 {
|
|
1178
|
-
&:active {
|
|
1179
|
-
--tw-scale-x: 95%;
|
|
1180
|
-
--tw-scale-y: 95%;
|
|
1181
|
-
--tw-scale-z: 95%;
|
|
1182
|
-
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
1183
|
-
}
|
|
1184
|
-
}
|
|
1185
1456
|
.disabled\:pointer-events-none {
|
|
1186
1457
|
&:disabled {
|
|
1187
1458
|
pointer-events: none;
|
|
@@ -1197,6 +1468,11 @@
|
|
|
1197
1468
|
display: block;
|
|
1198
1469
|
}
|
|
1199
1470
|
}
|
|
1471
|
+
.sm\:grid-cols-2 {
|
|
1472
|
+
@media (width >= 40rem) {
|
|
1473
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
1474
|
+
}
|
|
1475
|
+
}
|
|
1200
1476
|
.md\:grid-cols-2 {
|
|
1201
1477
|
@media (width >= 48rem) {
|
|
1202
1478
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
@@ -1212,6 +1488,11 @@
|
|
|
1212
1488
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
1213
1489
|
}
|
|
1214
1490
|
}
|
|
1491
|
+
.lg\:grid-cols-4 {
|
|
1492
|
+
@media (width >= 64rem) {
|
|
1493
|
+
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
1494
|
+
}
|
|
1495
|
+
}
|
|
1215
1496
|
}
|
|
1216
1497
|
@keyframes slideInFromTop {
|
|
1217
1498
|
from {
|
|
@@ -1312,6 +1593,48 @@
|
|
|
1312
1593
|
inherits: false;
|
|
1313
1594
|
initial-value: solid;
|
|
1314
1595
|
}
|
|
1596
|
+
@property --tw-gradient-position {
|
|
1597
|
+
syntax: "*";
|
|
1598
|
+
inherits: false;
|
|
1599
|
+
}
|
|
1600
|
+
@property --tw-gradient-from {
|
|
1601
|
+
syntax: "<color>";
|
|
1602
|
+
inherits: false;
|
|
1603
|
+
initial-value: #0000;
|
|
1604
|
+
}
|
|
1605
|
+
@property --tw-gradient-via {
|
|
1606
|
+
syntax: "<color>";
|
|
1607
|
+
inherits: false;
|
|
1608
|
+
initial-value: #0000;
|
|
1609
|
+
}
|
|
1610
|
+
@property --tw-gradient-to {
|
|
1611
|
+
syntax: "<color>";
|
|
1612
|
+
inherits: false;
|
|
1613
|
+
initial-value: #0000;
|
|
1614
|
+
}
|
|
1615
|
+
@property --tw-gradient-stops {
|
|
1616
|
+
syntax: "*";
|
|
1617
|
+
inherits: false;
|
|
1618
|
+
}
|
|
1619
|
+
@property --tw-gradient-via-stops {
|
|
1620
|
+
syntax: "*";
|
|
1621
|
+
inherits: false;
|
|
1622
|
+
}
|
|
1623
|
+
@property --tw-gradient-from-position {
|
|
1624
|
+
syntax: "<length-percentage>";
|
|
1625
|
+
inherits: false;
|
|
1626
|
+
initial-value: 0%;
|
|
1627
|
+
}
|
|
1628
|
+
@property --tw-gradient-via-position {
|
|
1629
|
+
syntax: "<length-percentage>";
|
|
1630
|
+
inherits: false;
|
|
1631
|
+
initial-value: 50%;
|
|
1632
|
+
}
|
|
1633
|
+
@property --tw-gradient-to-position {
|
|
1634
|
+
syntax: "<length-percentage>";
|
|
1635
|
+
inherits: false;
|
|
1636
|
+
initial-value: 100%;
|
|
1637
|
+
}
|
|
1315
1638
|
@property --tw-font-weight {
|
|
1316
1639
|
syntax: "*";
|
|
1317
1640
|
inherits: false;
|
|
@@ -1499,6 +1822,15 @@
|
|
|
1499
1822
|
--tw-skew-y: initial;
|
|
1500
1823
|
--tw-space-y-reverse: 0;
|
|
1501
1824
|
--tw-border-style: solid;
|
|
1825
|
+
--tw-gradient-position: initial;
|
|
1826
|
+
--tw-gradient-from: #0000;
|
|
1827
|
+
--tw-gradient-via: #0000;
|
|
1828
|
+
--tw-gradient-to: #0000;
|
|
1829
|
+
--tw-gradient-stops: initial;
|
|
1830
|
+
--tw-gradient-via-stops: initial;
|
|
1831
|
+
--tw-gradient-from-position: 0%;
|
|
1832
|
+
--tw-gradient-via-position: 50%;
|
|
1833
|
+
--tw-gradient-to-position: 100%;
|
|
1502
1834
|
--tw-font-weight: initial;
|
|
1503
1835
|
--tw-tracking: initial;
|
|
1504
1836
|
--tw-shadow: 0 0 #0000;
|