|
200 | 200 | --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); |
201 | 201 | --default-font-family: var(--font-sans); |
202 | 202 | --default-mono-font-family: var(--font-mono); |
203 | | - --default-ring-color: hsl(var(--ring)); |
204 | 203 | } |
205 | 204 | } |
206 | 205 | @layer base { |
|
408 | 407 | .top-0 { |
409 | 408 | top: calc(var(--spacing) * 0); |
410 | 409 | } |
411 | | - .top-1 { |
412 | | - top: calc(var(--spacing) * 1); |
413 | | - } |
414 | 410 | .top-1\/2 { |
415 | 411 | top: calc(1/2 * 100%); |
416 | 412 | } |
|
450 | 446 | .left-0 { |
451 | 447 | left: calc(var(--spacing) * 0); |
452 | 448 | } |
453 | | - .left-1 { |
454 | | - left: calc(var(--spacing) * 1); |
455 | | - } |
456 | 449 | .left-1\/2 { |
457 | 450 | left: calc(1/2 * 100%); |
458 | 451 | } |
|
519 | 512 | max-width: 96rem; |
520 | 513 | } |
521 | 514 | } |
522 | | - .-m-2 { |
523 | | - margin: calc(var(--spacing) * -2); |
524 | | - } |
525 | 515 | .-m-2\.5 { |
526 | 516 | margin: calc(var(--spacing) * -2.5); |
527 | 517 | } |
528 | 518 | .m-2 { |
529 | 519 | margin: calc(var(--spacing) * 2); |
530 | 520 | } |
531 | | - .-mx-1 { |
532 | | - margin-inline: calc(var(--spacing) * -1); |
533 | | - } |
534 | 521 | .-mx-1\.5 { |
535 | 522 | margin-inline: calc(var(--spacing) * -1.5); |
536 | 523 | } |
|
546 | 533 | .mx-auto { |
547 | 534 | margin-inline: auto; |
548 | 535 | } |
549 | | - .-my-1 { |
550 | | - margin-block: calc(var(--spacing) * -1); |
551 | | - } |
552 | 536 | .-my-1\.5 { |
553 | 537 | margin-block: calc(var(--spacing) * -1.5); |
554 | 538 | } |
|
570 | 554 | .-mt-36 { |
571 | 555 | margin-top: calc(var(--spacing) * -36); |
572 | 556 | } |
573 | | - .mt-0 { |
574 | | - margin-top: calc(var(--spacing) * 0); |
575 | | - } |
576 | 557 | .mt-0\.5 { |
577 | 558 | margin-top: calc(var(--spacing) * 0.5); |
578 | 559 | } |
|
627 | 608 | .-mb-px { |
628 | 609 | margin-bottom: -1px; |
629 | 610 | } |
630 | | - .mb-0 { |
631 | | - margin-bottom: calc(var(--spacing) * 0); |
632 | | - } |
633 | 611 | .mb-0\.5 { |
634 | 612 | margin-bottom: calc(var(--spacing) * 0.5); |
635 | 613 | } |
|
763 | 741 | width: calc(var(--spacing) * 20); |
764 | 742 | height: calc(var(--spacing) * 20); |
765 | 743 | } |
766 | | - .h-1 { |
767 | | - height: calc(var(--spacing) * 1); |
768 | | - } |
769 | 744 | .h-1\.5 { |
770 | 745 | height: calc(var(--spacing) * 1.5); |
771 | 746 | } |
|
931 | 906 | .w-48 { |
932 | 907 | width: calc(var(--spacing) * 48); |
933 | 908 | } |
934 | | - .w-56 { |
935 | | - width: calc(var(--spacing) * 56); |
936 | | - } |
937 | 909 | .w-64 { |
938 | 910 | width: calc(var(--spacing) * 64); |
939 | 911 | } |
|
1073 | 1045 | .origin-top-right { |
1074 | 1046 | transform-origin: 100% 0; |
1075 | 1047 | } |
1076 | | - .-translate-x-1 { |
1077 | | - --tw-translate-x: calc(var(--spacing) * -1); |
1078 | | - translate: var(--tw-translate-x) var(--tw-translate-y); |
1079 | | - } |
1080 | 1048 | .-translate-x-1\/2 { |
1081 | 1049 | --tw-translate-x: calc(calc(1/2 * 100%) * -1); |
1082 | 1050 | translate: var(--tw-translate-x) var(--tw-translate-y); |
|
1093 | 1061 | --tw-translate-x: calc(var(--spacing) * 0); |
1094 | 1062 | translate: var(--tw-translate-x) var(--tw-translate-y); |
1095 | 1063 | } |
1096 | | - .translate-x-1 { |
1097 | | - --tw-translate-x: calc(var(--spacing) * 1); |
1098 | | - translate: var(--tw-translate-x) var(--tw-translate-y); |
1099 | | - } |
1100 | 1064 | .translate-x-1\/4 { |
1101 | 1065 | --tw-translate-x: calc(1/4 * 100%); |
1102 | 1066 | translate: var(--tw-translate-x) var(--tw-translate-y); |
|
1109 | 1073 | --tw-translate-x: 100%; |
1110 | 1074 | translate: var(--tw-translate-x) var(--tw-translate-y); |
1111 | 1075 | } |
1112 | | - .-translate-y-1 { |
1113 | | - --tw-translate-y: calc(var(--spacing) * -1); |
1114 | | - translate: var(--tw-translate-x) var(--tw-translate-y); |
1115 | | - } |
1116 | 1076 | .-translate-y-1\/2 { |
1117 | 1077 | --tw-translate-y: calc(calc(1/2 * 100%) * -1); |
1118 | 1078 | translate: var(--tw-translate-x) var(--tw-translate-y); |
|
1125 | 1085 | --tw-translate-y: calc(var(--spacing) * 0); |
1126 | 1086 | translate: var(--tw-translate-x) var(--tw-translate-y); |
1127 | 1087 | } |
1128 | | - .translate-y-1 { |
1129 | | - --tw-translate-y: calc(var(--spacing) * 1); |
1130 | | - translate: var(--tw-translate-x) var(--tw-translate-y); |
1131 | | - } |
1132 | 1088 | .translate-y-1\/4 { |
1133 | 1089 | --tw-translate-y: calc(1/4 * 100%); |
1134 | 1090 | translate: var(--tw-translate-x) var(--tw-translate-y); |
|
1179 | 1135 | .cursor-text { |
1180 | 1136 | cursor: text; |
1181 | 1137 | } |
| 1138 | + .cursor-wait { |
| 1139 | + cursor: wait; |
| 1140 | + } |
1182 | 1141 | .cursor-zoom-in { |
1183 | 1142 | cursor: zoom-in; |
1184 | 1143 | } |
|
1579 | 1538 | .border-red-400 { |
1580 | 1539 | border-color: var(--color-red-400); |
1581 | 1540 | } |
1582 | | - .border-red-800 { |
1583 | | - border-color: var(--color-red-800); |
1584 | | - } |
1585 | 1541 | .border-red-800\/20 { |
1586 | 1542 | border-color: color-mix(in srgb, oklch(44.4% 0.177 26.899) 20%, transparent); |
1587 | 1543 | @supports (color: color-mix(in lab, red, red)) { |
|
1591 | 1547 | .border-transparent { |
1592 | 1548 | border-color: transparent; |
1593 | 1549 | } |
1594 | | - .border-white { |
1595 | | - border-color: var(--color-white); |
1596 | | - } |
1597 | 1550 | .border-white\/10 { |
1598 | 1551 | border-color: color-mix(in srgb, #fff 10%, transparent); |
1599 | 1552 | @supports (color: color-mix(in lab, red, red)) { |
|
1615 | 1568 | .border-yellow-400 { |
1616 | 1569 | border-color: var(--color-yellow-400); |
1617 | 1570 | } |
1618 | | - .border-yellow-500 { |
1619 | | - border-color: var(--color-yellow-500); |
1620 | | - } |
1621 | 1571 | .border-yellow-500\/30 { |
1622 | 1572 | border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent); |
1623 | 1573 | @supports (color: color-mix(in lab, red, red)) { |
1624 | 1574 | border-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent); |
1625 | 1575 | } |
1626 | 1576 | } |
1627 | | - .border-yellow-600 { |
1628 | | - border-color: var(--color-yellow-600); |
1629 | | - } |
1630 | 1577 | .border-yellow-600\/30 { |
1631 | 1578 | border-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 30%, transparent); |
1632 | 1579 | @supports (color: color-mix(in lab, red, red)) { |
|
1636 | 1583 | .bg-\[\#fdfbf7\] { |
1637 | 1584 | background-color: #fdfbf7; |
1638 | 1585 | } |
1639 | | - .bg-black { |
1640 | | - background-color: var(--color-black); |
1641 | | - } |
1642 | 1586 | .bg-black\/40 { |
1643 | 1587 | background-color: color-mix(in srgb, #000 40%, transparent); |
1644 | 1588 | @supports (color: color-mix(in lab, red, red)) { |
|
1720 | 1664 | .bg-gray-400 { |
1721 | 1665 | background-color: var(--color-gray-400); |
1722 | 1666 | } |
1723 | | - .bg-gray-500 { |
1724 | | - background-color: var(--color-gray-500); |
1725 | | - } |
1726 | 1667 | .bg-gray-500\/75 { |
1727 | 1668 | background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 75%, transparent); |
1728 | 1669 | @supports (color: color-mix(in lab, red, red)) { |
|
1789 | 1730 | .bg-sky-600 { |
1790 | 1731 | background-color: var(--color-sky-600); |
1791 | 1732 | } |
1792 | | - .bg-slate-50 { |
1793 | | - background-color: var(--color-slate-50); |
1794 | | - } |
1795 | 1733 | .bg-slate-50\! { |
1796 | 1734 | background-color: var(--color-slate-50) !important; |
1797 | 1735 | } |
1798 | | - .bg-slate-400 { |
1799 | | - background-color: var(--color-slate-400); |
1800 | | - } |
1801 | 1736 | .bg-slate-400\/10 { |
1802 | 1737 | background-color: color-mix(in srgb, oklch(70.4% 0.04 256.788) 10%, transparent); |
1803 | 1738 | @supports (color: color-mix(in lab, red, red)) { |
|
1865 | 1800 | --tw-gradient-position: to top in oklab; |
1866 | 1801 | background-image: linear-gradient(var(--tw-gradient-stops)); |
1867 | 1802 | } |
1868 | | - .from-black { |
1869 | | - --tw-gradient-from: var(--color-black); |
1870 | | - --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)); |
1871 | | - } |
1872 | 1803 | .from-black\/80 { |
1873 | 1804 | --tw-gradient-from: color-mix(in srgb, #000 80%, transparent); |
1874 | 1805 | @supports (color: color-mix(in lab, red, red)) { |
|
1916 | 1847 | --tw-gradient-from: var(--color-yellow-400); |
1917 | 1848 | --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)); |
1918 | 1849 | } |
1919 | | - .via-black { |
1920 | | - --tw-gradient-via: var(--color-black); |
1921 | | - --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); |
1922 | | - --tw-gradient-stops: var(--tw-gradient-via-stops); |
1923 | | - } |
1924 | 1850 | .via-black\/20 { |
1925 | 1851 | --tw-gradient-via: color-mix(in srgb, #000 20%, transparent); |
1926 | 1852 | @supports (color: color-mix(in lab, red, red)) { |
|
2060 | 1986 | .px-12 { |
2061 | 1987 | padding-inline: calc(var(--spacing) * 12); |
2062 | 1988 | } |
2063 | | - .py-0 { |
2064 | | - padding-block: calc(var(--spacing) * 0); |
2065 | | - } |
2066 | 1989 | .py-0\.5 { |
2067 | 1990 | padding-block: calc(var(--spacing) * 0.5); |
2068 | 1991 | } |
|
2099 | 2022 | .py-12 { |
2100 | 2023 | padding-block: calc(var(--spacing) * 12); |
2101 | 2024 | } |
2102 | | - .pt-0 { |
2103 | | - padding-top: calc(var(--spacing) * 0); |
2104 | | - } |
2105 | 2025 | .pt-0\.5 { |
2106 | 2026 | padding-top: calc(var(--spacing) * 0.5); |
2107 | 2027 | } |
|
2501 | 2421 | .text-sky-600 { |
2502 | 2422 | color: var(--color-sky-600); |
2503 | 2423 | } |
2504 | | - .text-slate-300 { |
2505 | | - color: var(--color-slate-300); |
2506 | | - } |
2507 | 2424 | .text-slate-500 { |
2508 | 2425 | color: var(--color-slate-500); |
2509 | 2426 | } |
|
2691 | 2608 | --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor); |
2692 | 2609 | box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); |
2693 | 2610 | } |
2694 | | - .shadow-black { |
2695 | | - --tw-shadow-color: #000; |
2696 | | - @supports (color: color-mix(in lab, red, red)) { |
2697 | | - --tw-shadow-color: color-mix(in oklab, var(--color-black) var(--tw-shadow-alpha), transparent); |
2698 | | - } |
2699 | | - } |
2700 | 2611 | .shadow-black\/5 { |
2701 | 2612 | --tw-shadow-color: color-mix(in srgb, #000 5%, transparent); |
2702 | 2613 | @supports (color: color-mix(in lab, red, red)) { |
2703 | 2614 | --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent); |
2704 | 2615 | } |
2705 | 2616 | } |
2706 | | - .shadow-fuchsia-500 { |
2707 | | - --tw-shadow-color: oklch(66.7% 0.295 322.15); |
2708 | | - @supports (color: color-mix(in lab, red, red)) { |
2709 | | - --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-500) var(--tw-shadow-alpha), transparent); |
2710 | | - } |
2711 | | - } |
2712 | 2617 | .shadow-fuchsia-500\/10 { |
2713 | 2618 | --tw-shadow-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 10%, transparent); |
2714 | 2619 | @supports (color: color-mix(in lab, red, red)) { |
2715 | 2620 | --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-500) 10%, transparent) var(--tw-shadow-alpha), transparent); |
2716 | 2621 | } |
2717 | 2622 | } |
2718 | | - .shadow-gray-200 { |
2719 | | - --tw-shadow-color: oklch(92.8% 0.006 264.531); |
2720 | | - @supports (color: color-mix(in lab, red, red)) { |
2721 | | - --tw-shadow-color: color-mix(in oklab, var(--color-gray-200) var(--tw-shadow-alpha), transparent); |
2722 | | - } |
2723 | | - } |
2724 | 2623 | .shadow-gray-200\/50 { |
2725 | 2624 | --tw-shadow-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 50%, transparent); |
2726 | 2625 | @supports (color: color-mix(in lab, red, red)) { |
2727 | 2626 | --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-200) 50%, transparent) var(--tw-shadow-alpha), transparent); |
2728 | 2627 | } |
2729 | 2628 | } |
2730 | | - .ring-black { |
2731 | | - --tw-ring-color: var(--color-black); |
2732 | | - } |
2733 | 2629 | .ring-black\/5 { |
2734 | 2630 | --tw-ring-color: color-mix(in srgb, #000 5%, transparent); |
2735 | 2631 | @supports (color: color-mix(in lab, red, red)) { |
|
2751 | 2647 | .ring-indigo-500 { |
2752 | 2648 | --tw-ring-color: var(--color-indigo-500); |
2753 | 2649 | } |
2754 | | - .ring-yellow-400 { |
2755 | | - --tw-ring-color: var(--color-yellow-400); |
2756 | | - } |
2757 | 2650 | .ring-yellow-400\/30 { |
2758 | 2651 | --tw-ring-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 30%, transparent); |
2759 | 2652 | @supports (color: color-mix(in lab, red, red)) { |
2760 | 2653 | --tw-ring-color: color-mix(in oklab, var(--color-yellow-400) 30%, transparent); |
2761 | 2654 | } |
2762 | 2655 | } |
2763 | | - .inset-ring-gray-900 { |
2764 | | - --tw-inset-ring-color: var(--color-gray-900); |
2765 | | - } |
2766 | 2656 | .inset-ring-gray-900\/5 { |
2767 | 2657 | --tw-inset-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); |
2768 | 2658 | @supports (color: color-mix(in lab, red, red)) { |
|
5737 | 5627 | } |
5738 | 5628 | } |
5739 | 5629 | } |
| 5630 | + .dark\:hover\:bg-gray-800\/50 { |
| 5631 | + &:where(.dark, .dark *) { |
| 5632 | + &:hover { |
| 5633 | + @media (hover: hover) { |
| 5634 | + background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 50%, transparent); |
| 5635 | + @supports (color: color-mix(in lab, red, red)) { |
| 5636 | + background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent); |
| 5637 | + } |
| 5638 | + } |
| 5639 | + } |
| 5640 | + } |
| 5641 | + } |
5740 | 5642 | .dark\:hover\:bg-gray-900 { |
5741 | 5643 | &:where(.dark, .dark *) { |
5742 | 5644 | &:hover { |
|
0 commit comments