|
215 | 215 | --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); |
216 | 216 | --default-font-family: var(--font-sans); |
217 | 217 | --default-mono-font-family: var(--font-mono); |
| 218 | + --default-ring-color: hsl(var(--ring)); |
218 | 219 | } |
219 | 220 | } |
220 | 221 | @layer base { |
|
422 | 423 | .top-0 { |
423 | 424 | top: calc(var(--spacing) * 0); |
424 | 425 | } |
| 426 | + .top-1 { |
| 427 | + top: calc(var(--spacing) * 1); |
| 428 | + } |
425 | 429 | .top-1\/2 { |
426 | 430 | top: calc(1/2 * 100%); |
427 | 431 | } |
|
464 | 468 | .left-0 { |
465 | 469 | left: calc(var(--spacing) * 0); |
466 | 470 | } |
| 471 | + .left-1 { |
| 472 | + left: calc(var(--spacing) * 1); |
| 473 | + } |
467 | 474 | .left-1\/2 { |
468 | 475 | left: calc(1/2 * 100%); |
469 | 476 | } |
|
536 | 543 | max-width: 96rem; |
537 | 544 | } |
538 | 545 | } |
| 546 | + .-m-2 { |
| 547 | + margin: calc(var(--spacing) * -2); |
| 548 | + } |
539 | 549 | .-m-2\.5 { |
540 | 550 | margin: calc(var(--spacing) * -2.5); |
541 | 551 | } |
|
560 | 570 | .mx-auto { |
561 | 571 | margin-inline: auto; |
562 | 572 | } |
| 573 | + .-my-1 { |
| 574 | + margin-block: calc(var(--spacing) * -1); |
| 575 | + } |
563 | 576 | .-my-1\.5 { |
564 | 577 | margin-block: calc(var(--spacing) * -1.5); |
565 | 578 | } |
|
575 | 588 | .my-16 { |
576 | 589 | margin-block: calc(var(--spacing) * 16); |
577 | 590 | } |
| 591 | + .-ms-1 { |
| 592 | + margin-inline-start: calc(var(--spacing) * -1); |
| 593 | + } |
578 | 594 | .-ms-1\.5 { |
579 | 595 | margin-inline-start: calc(var(--spacing) * -1.5); |
580 | 596 | } |
|
584 | 600 | .ms-auto { |
585 | 601 | margin-inline-start: auto; |
586 | 602 | } |
| 603 | + .-me-1 { |
| 604 | + margin-inline-end: calc(var(--spacing) * -1); |
| 605 | + } |
587 | 606 | .-me-1\.5 { |
588 | 607 | margin-inline-end: calc(var(--spacing) * -1.5); |
589 | 608 | } |
|
602 | 621 | .-mt-36 { |
603 | 622 | margin-top: calc(var(--spacing) * -36); |
604 | 623 | } |
| 624 | + .mt-0 { |
| 625 | + margin-top: calc(var(--spacing) * 0); |
| 626 | + } |
605 | 627 | .mt-0\.5 { |
606 | 628 | margin-top: calc(var(--spacing) * 0.5); |
607 | 629 | } |
|
653 | 675 | .-mb-px { |
654 | 676 | margin-bottom: -1px; |
655 | 677 | } |
| 678 | + .mb-0 { |
| 679 | + margin-bottom: calc(var(--spacing) * 0); |
| 680 | + } |
656 | 681 | .mb-0\.5 { |
657 | 682 | margin-bottom: calc(var(--spacing) * 0.5); |
658 | 683 | } |
|
683 | 708 | .-ml-px { |
684 | 709 | margin-left: -1px; |
685 | 710 | } |
| 711 | + .ml-0 { |
| 712 | + margin-left: calc(var(--spacing) * 0); |
| 713 | + } |
686 | 714 | .ml-0\.5 { |
687 | 715 | margin-left: calc(var(--spacing) * 0.5); |
688 | 716 | } |
|
1115 | 1143 | .origin-top-right { |
1116 | 1144 | transform-origin: 100% 0; |
1117 | 1145 | } |
| 1146 | + .-translate-x-1 { |
| 1147 | + --tw-translate-x: calc(var(--spacing) * -1); |
| 1148 | + translate: var(--tw-translate-x) var(--tw-translate-y); |
| 1149 | + } |
1118 | 1150 | .-translate-x-1\/2 { |
1119 | 1151 | --tw-translate-x: calc(calc(1/2 * 100%) * -1); |
1120 | 1152 | translate: var(--tw-translate-x) var(--tw-translate-y); |
|
1131 | 1163 | --tw-translate-x: calc(var(--spacing) * 0); |
1132 | 1164 | translate: var(--tw-translate-x) var(--tw-translate-y); |
1133 | 1165 | } |
| 1166 | + .translate-x-1 { |
| 1167 | + --tw-translate-x: calc(var(--spacing) * 1); |
| 1168 | + translate: var(--tw-translate-x) var(--tw-translate-y); |
| 1169 | + } |
1134 | 1170 | .translate-x-1\/4 { |
1135 | 1171 | --tw-translate-x: calc(1/4 * 100%); |
1136 | 1172 | translate: var(--tw-translate-x) var(--tw-translate-y); |
|
1143 | 1179 | --tw-translate-x: 100%; |
1144 | 1180 | translate: var(--tw-translate-x) var(--tw-translate-y); |
1145 | 1181 | } |
| 1182 | + .-translate-y-1 { |
| 1183 | + --tw-translate-y: calc(var(--spacing) * -1); |
| 1184 | + translate: var(--tw-translate-x) var(--tw-translate-y); |
| 1185 | + } |
1146 | 1186 | .-translate-y-1\/2 { |
1147 | 1187 | --tw-translate-y: calc(calc(1/2 * 100%) * -1); |
1148 | 1188 | translate: var(--tw-translate-x) var(--tw-translate-y); |
|
1155 | 1195 | --tw-translate-y: calc(var(--spacing) * 0); |
1156 | 1196 | translate: var(--tw-translate-x) var(--tw-translate-y); |
1157 | 1197 | } |
| 1198 | + .translate-y-1 { |
| 1199 | + --tw-translate-y: calc(var(--spacing) * 1); |
| 1200 | + translate: var(--tw-translate-x) var(--tw-translate-y); |
| 1201 | + } |
1158 | 1202 | .translate-y-1\/4 { |
1159 | 1203 | --tw-translate-y: calc(1/4 * 100%); |
1160 | 1204 | translate: var(--tw-translate-x) var(--tw-translate-y); |
|
1637 | 1681 | .border-red-400 { |
1638 | 1682 | border-color: var(--color-red-400); |
1639 | 1683 | } |
| 1684 | + .border-red-800 { |
| 1685 | + border-color: var(--color-red-800); |
| 1686 | + } |
1640 | 1687 | .border-red-800\/20 { |
1641 | 1688 | border-color: color-mix(in srgb, oklch(44.4% 0.177 26.899) 20%, transparent); |
1642 | 1689 | @supports (color: color-mix(in lab, red, red)) { |
|
1652 | 1699 | .border-transparent { |
1653 | 1700 | border-color: transparent; |
1654 | 1701 | } |
| 1702 | + .border-white { |
| 1703 | + border-color: var(--color-white); |
| 1704 | + } |
1655 | 1705 | .border-white\/10 { |
1656 | 1706 | border-color: color-mix(in srgb, #fff 10%, transparent); |
1657 | 1707 | @supports (color: color-mix(in lab, red, red)) { |
|
1673 | 1723 | .border-yellow-400 { |
1674 | 1724 | border-color: var(--color-yellow-400); |
1675 | 1725 | } |
| 1726 | + .border-yellow-500 { |
| 1727 | + border-color: var(--color-yellow-500); |
| 1728 | + } |
1676 | 1729 | .border-yellow-500\/30 { |
1677 | 1730 | border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent); |
1678 | 1731 | @supports (color: color-mix(in lab, red, red)) { |
1679 | 1732 | border-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent); |
1680 | 1733 | } |
1681 | 1734 | } |
| 1735 | + .border-yellow-600 { |
| 1736 | + border-color: var(--color-yellow-600); |
| 1737 | + } |
1682 | 1738 | .border-yellow-600\/30 { |
1683 | 1739 | border-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 30%, transparent); |
1684 | 1740 | @supports (color: color-mix(in lab, red, red)) { |
|
1775 | 1831 | .bg-gray-400 { |
1776 | 1832 | background-color: var(--color-gray-400); |
1777 | 1833 | } |
| 1834 | + .bg-gray-500 { |
| 1835 | + background-color: var(--color-gray-500); |
| 1836 | + } |
1778 | 1837 | .bg-gray-500\/75 { |
1779 | 1838 | background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 75%, transparent); |
1780 | 1839 | @supports (color: color-mix(in lab, red, red)) { |
|
1856 | 1915 | .bg-slate-50\! { |
1857 | 1916 | background-color: var(--color-slate-50) !important; |
1858 | 1917 | } |
| 1918 | + .bg-slate-400 { |
| 1919 | + background-color: var(--color-slate-400); |
| 1920 | + } |
1859 | 1921 | .bg-slate-400\/10 { |
1860 | 1922 | background-color: color-mix(in srgb, oklch(70.4% 0.04 256.788) 10%, transparent); |
1861 | 1923 | @supports (color: color-mix(in lab, red, red)) { |
|
1923 | 1985 | --tw-gradient-position: to top in oklab; |
1924 | 1986 | background-image: linear-gradient(var(--tw-gradient-stops)); |
1925 | 1987 | } |
| 1988 | + .from-black { |
| 1989 | + --tw-gradient-from: var(--color-black); |
| 1990 | + --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)); |
| 1991 | + } |
1926 | 1992 | .from-black\/80 { |
1927 | 1993 | --tw-gradient-from: color-mix(in srgb, #000 80%, transparent); |
1928 | 1994 | @supports (color: color-mix(in lab, red, red)) { |
|
1970 | 2036 | --tw-gradient-from: var(--color-yellow-400); |
1971 | 2037 | --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)); |
1972 | 2038 | } |
| 2039 | + .via-black { |
| 2040 | + --tw-gradient-via: var(--color-black); |
| 2041 | + --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); |
| 2042 | + --tw-gradient-stops: var(--tw-gradient-via-stops); |
| 2043 | + } |
1973 | 2044 | .via-black\/20 { |
1974 | 2045 | --tw-gradient-via: color-mix(in srgb, #000 20%, transparent); |
1975 | 2046 | @supports (color: color-mix(in lab, red, red)) { |
|
1978 | 2049 | --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); |
1979 | 2050 | --tw-gradient-stops: var(--tw-gradient-via-stops); |
1980 | 2051 | } |
| 2052 | + .via-blue-50 { |
| 2053 | + --tw-gradient-via: var(--color-blue-50); |
| 2054 | + --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); |
| 2055 | + --tw-gradient-stops: var(--tw-gradient-via-stops); |
| 2056 | + } |
1981 | 2057 | .via-blue-50\/50 { |
1982 | 2058 | --tw-gradient-via: color-mix(in srgb, oklch(97% 0.014 254.604) 50%, transparent); |
1983 | 2059 | @supports (color: color-mix(in lab, red, red)) { |
|
1986 | 2062 | --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); |
1987 | 2063 | --tw-gradient-stops: var(--tw-gradient-via-stops); |
1988 | 2064 | } |
| 2065 | + .via-cyan-50 { |
| 2066 | + --tw-gradient-via: var(--color-cyan-50); |
| 2067 | + --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); |
| 2068 | + --tw-gradient-stops: var(--tw-gradient-via-stops); |
| 2069 | + } |
1989 | 2070 | .via-cyan-50\/50 { |
1990 | 2071 | --tw-gradient-via: color-mix(in srgb, oklch(98.4% 0.019 200.873) 50%, transparent); |
1991 | 2072 | @supports (color: color-mix(in lab, red, red)) { |
|
1999 | 2080 | --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); |
2000 | 2081 | --tw-gradient-stops: var(--tw-gradient-via-stops); |
2001 | 2082 | } |
| 2083 | + .via-pink-50 { |
| 2084 | + --tw-gradient-via: var(--color-pink-50); |
| 2085 | + --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); |
| 2086 | + --tw-gradient-stops: var(--tw-gradient-via-stops); |
| 2087 | + } |
2002 | 2088 | .via-pink-50\/50 { |
2003 | 2089 | --tw-gradient-via: color-mix(in srgb, oklch(97.1% 0.014 343.198) 50%, transparent); |
2004 | 2090 | @supports (color: color-mix(in lab, red, red)) { |
|
2007 | 2093 | --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); |
2008 | 2094 | --tw-gradient-stops: var(--tw-gradient-via-stops); |
2009 | 2095 | } |
| 2096 | + .via-purple-50 { |
| 2097 | + --tw-gradient-via: var(--color-purple-50); |
| 2098 | + --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); |
| 2099 | + --tw-gradient-stops: var(--tw-gradient-via-stops); |
| 2100 | + } |
2010 | 2101 | .via-purple-50\/50 { |
2011 | 2102 | --tw-gradient-via: color-mix(in srgb, oklch(97.7% 0.014 308.299) 50%, transparent); |
2012 | 2103 | @supports (color: color-mix(in lab, red, red)) { |
|
2020 | 2111 | --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); |
2021 | 2112 | --tw-gradient-stops: var(--tw-gradient-via-stops); |
2022 | 2113 | } |
| 2114 | + .via-slate-50 { |
| 2115 | + --tw-gradient-via: var(--color-slate-50); |
| 2116 | + --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); |
| 2117 | + --tw-gradient-stops: var(--tw-gradient-via-stops); |
| 2118 | + } |
2023 | 2119 | .via-slate-50\/50 { |
2024 | 2120 | --tw-gradient-via: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent); |
2025 | 2121 | @supports (color: color-mix(in lab, red, red)) { |
|
2195 | 2291 | .py-16 { |
2196 | 2292 | padding-block: calc(var(--spacing) * 16); |
2197 | 2293 | } |
| 2294 | + .ps-2 { |
| 2295 | + padding-inline-start: calc(var(--spacing) * 2); |
| 2296 | + } |
2198 | 2297 | .ps-2\.5 { |
2199 | 2298 | padding-inline-start: calc(var(--spacing) * 2.5); |
2200 | 2299 | } |
|
2255 | 2354 | .pr-12 { |
2256 | 2355 | padding-right: calc(var(--spacing) * 12); |
2257 | 2356 | } |
| 2357 | + .pb-0 { |
| 2358 | + padding-bottom: calc(var(--spacing) * 0); |
| 2359 | + } |
2258 | 2360 | .pb-0\.5 { |
2259 | 2361 | padding-bottom: calc(var(--spacing) * 0.5); |
2260 | 2362 | } |
|
2635 | 2737 | .text-sky-600 { |
2636 | 2738 | color: var(--color-sky-600); |
2637 | 2739 | } |
| 2740 | + .text-slate-300 { |
| 2741 | + color: var(--color-slate-300); |
| 2742 | + } |
2638 | 2743 | .text-slate-400 { |
2639 | 2744 | color: var(--color-slate-400); |
2640 | 2745 | } |
|
2843 | 2948 | --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor); |
2844 | 2949 | box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); |
2845 | 2950 | } |
| 2951 | + .shadow-black { |
| 2952 | + --tw-shadow-color: #000; |
| 2953 | + @supports (color: color-mix(in lab, red, red)) { |
| 2954 | + --tw-shadow-color: color-mix(in oklab, var(--color-black) var(--tw-shadow-alpha), transparent); |
| 2955 | + } |
| 2956 | + } |
2846 | 2957 | .shadow-black\/5 { |
2847 | 2958 | --tw-shadow-color: color-mix(in srgb, #000 5%, transparent); |
2848 | 2959 | @supports (color: color-mix(in lab, red, red)) { |
2849 | 2960 | --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent); |
2850 | 2961 | } |
2851 | 2962 | } |
| 2963 | + .shadow-fuchsia-500 { |
| 2964 | + --tw-shadow-color: oklch(66.7% 0.295 322.15); |
| 2965 | + @supports (color: color-mix(in lab, red, red)) { |
| 2966 | + --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-500) var(--tw-shadow-alpha), transparent); |
| 2967 | + } |
| 2968 | + } |
2852 | 2969 | .shadow-fuchsia-500\/10 { |
2853 | 2970 | --tw-shadow-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 10%, transparent); |
2854 | 2971 | @supports (color: color-mix(in lab, red, red)) { |
2855 | 2972 | --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-500) 10%, transparent) var(--tw-shadow-alpha), transparent); |
2856 | 2973 | } |
2857 | 2974 | } |
| 2975 | + .shadow-gray-200 { |
| 2976 | + --tw-shadow-color: oklch(92.8% 0.006 264.531); |
| 2977 | + @supports (color: color-mix(in lab, red, red)) { |
| 2978 | + --tw-shadow-color: color-mix(in oklab, var(--color-gray-200) var(--tw-shadow-alpha), transparent); |
| 2979 | + } |
| 2980 | + } |
2858 | 2981 | .shadow-gray-200\/50 { |
2859 | 2982 | --tw-shadow-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 50%, transparent); |
2860 | 2983 | @supports (color: color-mix(in lab, red, red)) { |
2861 | 2984 | --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-200) 50%, transparent) var(--tw-shadow-alpha), transparent); |
2862 | 2985 | } |
2863 | 2986 | } |
| 2987 | + .ring-black { |
| 2988 | + --tw-ring-color: var(--color-black); |
| 2989 | + } |
2864 | 2990 | .ring-black\/5 { |
2865 | 2991 | --tw-ring-color: color-mix(in srgb, #000 5%, transparent); |
2866 | 2992 | @supports (color: color-mix(in lab, red, red)) { |
|
2882 | 3008 | .ring-indigo-500 { |
2883 | 3009 | --tw-ring-color: var(--color-indigo-500); |
2884 | 3010 | } |
| 3011 | + .ring-yellow-400 { |
| 3012 | + --tw-ring-color: var(--color-yellow-400); |
| 3013 | + } |
2885 | 3014 | .ring-yellow-400\/30 { |
2886 | 3015 | --tw-ring-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 30%, transparent); |
2887 | 3016 | @supports (color: color-mix(in lab, red, red)) { |
2888 | 3017 | --tw-ring-color: color-mix(in oklab, var(--color-yellow-400) 30%, transparent); |
2889 | 3018 | } |
2890 | 3019 | } |
| 3020 | + .inset-ring-gray-900 { |
| 3021 | + --tw-inset-ring-color: var(--color-gray-900); |
| 3022 | + } |
2891 | 3023 | .inset-ring-gray-900\/5 { |
2892 | 3024 | --tw-inset-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); |
2893 | 3025 | @supports (color: color-mix(in lab, red, red)) { |
|
0 commit comments