|
105 | 105 | --color-fuchsia-900: oklch(40.1% 0.17 325.612); |
106 | 106 | --color-slate-50: oklch(98.4% 0.003 247.858); |
107 | 107 | --color-slate-200: oklch(92.9% 0.013 255.508); |
| 108 | + --color-slate-300: oklch(86.9% 0.022 252.894); |
108 | 109 | --color-slate-400: oklch(70.4% 0.04 256.788); |
109 | 110 | --color-slate-500: oklch(55.4% 0.046 257.417); |
110 | 111 | --color-slate-700: oklch(37.2% 0.044 257.287); |
|
197 | 198 | --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); |
198 | 199 | --default-font-family: var(--font-sans); |
199 | 200 | --default-mono-font-family: var(--font-mono); |
| 201 | + --default-ring-color: hsl(var(--ring)); |
200 | 202 | } |
201 | 203 | } |
202 | 204 | @layer base { |
|
404 | 406 | .top-0 { |
405 | 407 | top: calc(var(--spacing) * 0); |
406 | 408 | } |
| 409 | + .top-1 { |
| 410 | + top: calc(var(--spacing) * 1); |
| 411 | + } |
407 | 412 | .top-1\/2 { |
408 | 413 | top: calc(1/2 * 100%); |
409 | 414 | } |
|
440 | 445 | .left-0 { |
441 | 446 | left: calc(var(--spacing) * 0); |
442 | 447 | } |
| 448 | + .left-1 { |
| 449 | + left: calc(var(--spacing) * 1); |
| 450 | + } |
443 | 451 | .left-1\/2 { |
444 | 452 | left: calc(1/2 * 100%); |
445 | 453 | } |
|
506 | 514 | max-width: 96rem; |
507 | 515 | } |
508 | 516 | } |
| 517 | + .-m-2 { |
| 518 | + margin: calc(var(--spacing) * -2); |
| 519 | + } |
509 | 520 | .-m-2\.5 { |
510 | 521 | margin: calc(var(--spacing) * -2.5); |
511 | 522 | } |
512 | 523 | .m-2 { |
513 | 524 | margin: calc(var(--spacing) * 2); |
514 | 525 | } |
| 526 | + .-mx-1 { |
| 527 | + margin-inline: calc(var(--spacing) * -1); |
| 528 | + } |
515 | 529 | .-mx-1\.5 { |
516 | 530 | margin-inline: calc(var(--spacing) * -1.5); |
517 | 531 | } |
|
527 | 541 | .mx-auto { |
528 | 542 | margin-inline: auto; |
529 | 543 | } |
| 544 | + .-my-1 { |
| 545 | + margin-block: calc(var(--spacing) * -1); |
| 546 | + } |
530 | 547 | .-my-1\.5 { |
531 | 548 | margin-block: calc(var(--spacing) * -1.5); |
532 | 549 | } |
|
548 | 565 | .-mt-36 { |
549 | 566 | margin-top: calc(var(--spacing) * -36); |
550 | 567 | } |
| 568 | + .mt-0 { |
| 569 | + margin-top: calc(var(--spacing) * 0); |
| 570 | + } |
551 | 571 | .mt-0\.5 { |
552 | 572 | margin-top: calc(var(--spacing) * 0.5); |
553 | 573 | } |
|
732 | 752 | width: calc(var(--spacing) * 20); |
733 | 753 | height: calc(var(--spacing) * 20); |
734 | 754 | } |
| 755 | + .h-1 { |
| 756 | + height: calc(var(--spacing) * 1); |
| 757 | + } |
735 | 758 | .h-1\.5 { |
736 | 759 | height: calc(var(--spacing) * 1.5); |
737 | 760 | } |
|
1021 | 1044 | .origin-top-right { |
1022 | 1045 | transform-origin: 100% 0; |
1023 | 1046 | } |
| 1047 | + .-translate-x-1 { |
| 1048 | + --tw-translate-x: calc(var(--spacing) * -1); |
| 1049 | + translate: var(--tw-translate-x) var(--tw-translate-y); |
| 1050 | + } |
1024 | 1051 | .-translate-x-1\/2 { |
1025 | 1052 | --tw-translate-x: calc(calc(1/2 * 100%) * -1); |
1026 | 1053 | translate: var(--tw-translate-x) var(--tw-translate-y); |
|
1037 | 1064 | --tw-translate-x: calc(var(--spacing) * 0); |
1038 | 1065 | translate: var(--tw-translate-x) var(--tw-translate-y); |
1039 | 1066 | } |
| 1067 | + .translate-x-1 { |
| 1068 | + --tw-translate-x: calc(var(--spacing) * 1); |
| 1069 | + translate: var(--tw-translate-x) var(--tw-translate-y); |
| 1070 | + } |
1040 | 1071 | .translate-x-1\/4 { |
1041 | 1072 | --tw-translate-x: calc(1/4 * 100%); |
1042 | 1073 | translate: var(--tw-translate-x) var(--tw-translate-y); |
|
1049 | 1080 | --tw-translate-x: 100%; |
1050 | 1081 | translate: var(--tw-translate-x) var(--tw-translate-y); |
1051 | 1082 | } |
| 1083 | + .-translate-y-1 { |
| 1084 | + --tw-translate-y: calc(var(--spacing) * -1); |
| 1085 | + translate: var(--tw-translate-x) var(--tw-translate-y); |
| 1086 | + } |
1052 | 1087 | .-translate-y-1\/2 { |
1053 | 1088 | --tw-translate-y: calc(calc(1/2 * 100%) * -1); |
1054 | 1089 | translate: var(--tw-translate-x) var(--tw-translate-y); |
|
1061 | 1096 | --tw-translate-y: calc(var(--spacing) * 0); |
1062 | 1097 | translate: var(--tw-translate-x) var(--tw-translate-y); |
1063 | 1098 | } |
| 1099 | + .translate-y-1 { |
| 1100 | + --tw-translate-y: calc(var(--spacing) * 1); |
| 1101 | + translate: var(--tw-translate-x) var(--tw-translate-y); |
| 1102 | + } |
1064 | 1103 | .translate-y-1\/4 { |
1065 | 1104 | --tw-translate-y: calc(1/4 * 100%); |
1066 | 1105 | translate: var(--tw-translate-x) var(--tw-translate-y); |
|
1505 | 1544 | .border-red-400 { |
1506 | 1545 | border-color: var(--color-red-400); |
1507 | 1546 | } |
| 1547 | + .border-red-800 { |
| 1548 | + border-color: var(--color-red-800); |
| 1549 | + } |
1508 | 1550 | .border-red-800\/20 { |
1509 | 1551 | border-color: color-mix(in srgb, oklch(44.4% 0.177 26.899) 20%, transparent); |
1510 | 1552 | @supports (color: color-mix(in lab, red, red)) { |
|
1514 | 1556 | .border-transparent { |
1515 | 1557 | border-color: transparent; |
1516 | 1558 | } |
| 1559 | + .border-white { |
| 1560 | + border-color: var(--color-white); |
| 1561 | + } |
1517 | 1562 | .border-white\/10 { |
1518 | 1563 | border-color: color-mix(in srgb, #fff 10%, transparent); |
1519 | 1564 | @supports (color: color-mix(in lab, red, red)) { |
|
1535 | 1580 | .border-yellow-400 { |
1536 | 1581 | border-color: var(--color-yellow-400); |
1537 | 1582 | } |
| 1583 | + .border-yellow-500 { |
| 1584 | + border-color: var(--color-yellow-500); |
| 1585 | + } |
1538 | 1586 | .border-yellow-500\/30 { |
1539 | 1587 | border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent); |
1540 | 1588 | @supports (color: color-mix(in lab, red, red)) { |
1541 | 1589 | border-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent); |
1542 | 1590 | } |
1543 | 1591 | } |
| 1592 | + .border-yellow-600 { |
| 1593 | + border-color: var(--color-yellow-600); |
| 1594 | + } |
1544 | 1595 | .border-yellow-600\/30 { |
1545 | 1596 | border-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 30%, transparent); |
1546 | 1597 | @supports (color: color-mix(in lab, red, red)) { |
|
1550 | 1601 | .bg-\[\#fdfbf7\] { |
1551 | 1602 | background-color: #fdfbf7; |
1552 | 1603 | } |
| 1604 | + .bg-black { |
| 1605 | + background-color: var(--color-black); |
| 1606 | + } |
1553 | 1607 | .bg-black\/40 { |
1554 | 1608 | background-color: color-mix(in srgb, #000 40%, transparent); |
1555 | 1609 | @supports (color: color-mix(in lab, red, red)) { |
|
1625 | 1679 | .bg-gray-400 { |
1626 | 1680 | background-color: var(--color-gray-400); |
1627 | 1681 | } |
| 1682 | + .bg-gray-500 { |
| 1683 | + background-color: var(--color-gray-500); |
| 1684 | + } |
1628 | 1685 | .bg-gray-500\/75 { |
1629 | 1686 | background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 75%, transparent); |
1630 | 1687 | @supports (color: color-mix(in lab, red, red)) { |
|
1691 | 1748 | .bg-sky-600 { |
1692 | 1749 | background-color: var(--color-sky-600); |
1693 | 1750 | } |
| 1751 | + .bg-slate-50 { |
| 1752 | + background-color: var(--color-slate-50); |
| 1753 | + } |
1694 | 1754 | .bg-slate-50\! { |
1695 | 1755 | background-color: var(--color-slate-50) !important; |
1696 | 1756 | } |
| 1757 | + .bg-slate-400 { |
| 1758 | + background-color: var(--color-slate-400); |
| 1759 | + } |
1697 | 1760 | .bg-slate-400\/10 { |
1698 | 1761 | background-color: color-mix(in srgb, oklch(70.4% 0.04 256.788) 10%, transparent); |
1699 | 1762 | @supports (color: color-mix(in lab, red, red)) { |
|
1758 | 1821 | --tw-gradient-position: to top in oklab; |
1759 | 1822 | background-image: linear-gradient(var(--tw-gradient-stops)); |
1760 | 1823 | } |
| 1824 | + .from-black { |
| 1825 | + --tw-gradient-from: var(--color-black); |
| 1826 | + --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)); |
| 1827 | + } |
1761 | 1828 | .from-black\/80 { |
1762 | 1829 | --tw-gradient-from: color-mix(in srgb, #000 80%, transparent); |
1763 | 1830 | @supports (color: color-mix(in lab, red, red)) { |
|
1805 | 1872 | --tw-gradient-from: var(--color-yellow-400); |
1806 | 1873 | --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)); |
1807 | 1874 | } |
| 1875 | + .via-black { |
| 1876 | + --tw-gradient-via: var(--color-black); |
| 1877 | + --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); |
| 1878 | + --tw-gradient-stops: var(--tw-gradient-via-stops); |
| 1879 | + } |
1808 | 1880 | .via-black\/20 { |
1809 | 1881 | --tw-gradient-via: color-mix(in srgb, #000 20%, transparent); |
1810 | 1882 | @supports (color: color-mix(in lab, red, red)) { |
|
1944 | 2016 | .px-12 { |
1945 | 2017 | padding-inline: calc(var(--spacing) * 12); |
1946 | 2018 | } |
| 2019 | + .py-0 { |
| 2020 | + padding-block: calc(var(--spacing) * 0); |
| 2021 | + } |
1947 | 2022 | .py-0\.5 { |
1948 | 2023 | padding-block: calc(var(--spacing) * 0.5); |
1949 | 2024 | } |
|
1980 | 2055 | .py-12 { |
1981 | 2056 | padding-block: calc(var(--spacing) * 12); |
1982 | 2057 | } |
| 2058 | + .pt-0 { |
| 2059 | + padding-top: calc(var(--spacing) * 0); |
| 2060 | + } |
1983 | 2061 | .pt-0\.5 { |
1984 | 2062 | padding-top: calc(var(--spacing) * 0.5); |
1985 | 2063 | } |
|
2373 | 2451 | .text-sky-600 { |
2374 | 2452 | color: var(--color-sky-600); |
2375 | 2453 | } |
| 2454 | + .text-slate-300 { |
| 2455 | + color: var(--color-slate-300); |
| 2456 | + } |
2376 | 2457 | .text-slate-500 { |
2377 | 2458 | color: var(--color-slate-500); |
2378 | 2459 | } |
|
2556 | 2637 | --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor); |
2557 | 2638 | box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); |
2558 | 2639 | } |
| 2640 | + .shadow-black { |
| 2641 | + --tw-shadow-color: #000; |
| 2642 | + @supports (color: color-mix(in lab, red, red)) { |
| 2643 | + --tw-shadow-color: color-mix(in oklab, var(--color-black) var(--tw-shadow-alpha), transparent); |
| 2644 | + } |
| 2645 | + } |
2559 | 2646 | .shadow-black\/5 { |
2560 | 2647 | --tw-shadow-color: color-mix(in srgb, #000 5%, transparent); |
2561 | 2648 | @supports (color: color-mix(in lab, red, red)) { |
2562 | 2649 | --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent); |
2563 | 2650 | } |
2564 | 2651 | } |
| 2652 | + .shadow-fuchsia-500 { |
| 2653 | + --tw-shadow-color: oklch(66.7% 0.295 322.15); |
| 2654 | + @supports (color: color-mix(in lab, red, red)) { |
| 2655 | + --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-500) var(--tw-shadow-alpha), transparent); |
| 2656 | + } |
| 2657 | + } |
2565 | 2658 | .shadow-fuchsia-500\/10 { |
2566 | 2659 | --tw-shadow-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 10%, transparent); |
2567 | 2660 | @supports (color: color-mix(in lab, red, red)) { |
2568 | 2661 | --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-500) 10%, transparent) var(--tw-shadow-alpha), transparent); |
2569 | 2662 | } |
2570 | 2663 | } |
| 2664 | + .shadow-gray-200 { |
| 2665 | + --tw-shadow-color: oklch(92.8% 0.006 264.531); |
| 2666 | + @supports (color: color-mix(in lab, red, red)) { |
| 2667 | + --tw-shadow-color: color-mix(in oklab, var(--color-gray-200) var(--tw-shadow-alpha), transparent); |
| 2668 | + } |
| 2669 | + } |
2571 | 2670 | .shadow-gray-200\/50 { |
2572 | 2671 | --tw-shadow-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 50%, transparent); |
2573 | 2672 | @supports (color: color-mix(in lab, red, red)) { |
2574 | 2673 | --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-200) 50%, transparent) var(--tw-shadow-alpha), transparent); |
2575 | 2674 | } |
2576 | 2675 | } |
| 2676 | + .ring-black { |
| 2677 | + --tw-ring-color: var(--color-black); |
| 2678 | + } |
2577 | 2679 | .ring-black\/5 { |
2578 | 2680 | --tw-ring-color: color-mix(in srgb, #000 5%, transparent); |
2579 | 2681 | @supports (color: color-mix(in lab, red, red)) { |
|
2595 | 2697 | .ring-indigo-500 { |
2596 | 2698 | --tw-ring-color: var(--color-indigo-500); |
2597 | 2699 | } |
| 2700 | + .ring-yellow-400 { |
| 2701 | + --tw-ring-color: var(--color-yellow-400); |
| 2702 | + } |
2598 | 2703 | .ring-yellow-400\/30 { |
2599 | 2704 | --tw-ring-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 30%, transparent); |
2600 | 2705 | @supports (color: color-mix(in lab, red, red)) { |
2601 | 2706 | --tw-ring-color: color-mix(in oklab, var(--color-yellow-400) 30%, transparent); |
2602 | 2707 | } |
2603 | 2708 | } |
| 2709 | + .inset-ring-gray-900 { |
| 2710 | + --tw-inset-ring-color: var(--color-gray-900); |
| 2711 | + } |
2604 | 2712 | .inset-ring-gray-900\/5 { |
2605 | 2713 | --tw-inset-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); |
2606 | 2714 | @supports (color: color-mix(in lab, red, red)) { |
|
0 commit comments