|
198 | 198 | --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); |
199 | 199 | --default-font-family: var(--font-sans); |
200 | 200 | --default-mono-font-family: var(--font-mono); |
201 | | - --default-ring-color: hsl(var(--ring)); |
202 | 201 | } |
203 | 202 | } |
204 | 203 | @layer base { |
|
406 | 405 | .top-0 { |
407 | 406 | top: calc(var(--spacing) * 0); |
408 | 407 | } |
409 | | - .top-1 { |
410 | | - top: calc(var(--spacing) * 1); |
411 | | - } |
412 | 408 | .top-1\/2 { |
413 | 409 | top: calc(1/2 * 100%); |
414 | 410 | } |
|
448 | 444 | .left-0 { |
449 | 445 | left: calc(var(--spacing) * 0); |
450 | 446 | } |
451 | | - .left-1 { |
452 | | - left: calc(var(--spacing) * 1); |
453 | | - } |
454 | 447 | .left-1\/2 { |
455 | 448 | left: calc(1/2 * 100%); |
456 | 449 | } |
|
517 | 510 | max-width: 96rem; |
518 | 511 | } |
519 | 512 | } |
520 | | - .-m-2 { |
521 | | - margin: calc(var(--spacing) * -2); |
522 | | - } |
523 | 513 | .-m-2\.5 { |
524 | 514 | margin: calc(var(--spacing) * -2.5); |
525 | 515 | } |
526 | 516 | .m-2 { |
527 | 517 | margin: calc(var(--spacing) * 2); |
528 | 518 | } |
529 | | - .-mx-1 { |
530 | | - margin-inline: calc(var(--spacing) * -1); |
531 | | - } |
532 | 519 | .-mx-1\.5 { |
533 | 520 | margin-inline: calc(var(--spacing) * -1.5); |
534 | 521 | } |
|
544 | 531 | .mx-auto { |
545 | 532 | margin-inline: auto; |
546 | 533 | } |
547 | | - .-my-1 { |
548 | | - margin-block: calc(var(--spacing) * -1); |
549 | | - } |
550 | 534 | .-my-1\.5 { |
551 | 535 | margin-block: calc(var(--spacing) * -1.5); |
552 | 536 | } |
|
568 | 552 | .-mt-36 { |
569 | 553 | margin-top: calc(var(--spacing) * -36); |
570 | 554 | } |
571 | | - .mt-0 { |
572 | | - margin-top: calc(var(--spacing) * 0); |
573 | | - } |
574 | 555 | .mt-0\.5 { |
575 | 556 | margin-top: calc(var(--spacing) * 0.5); |
576 | 557 | } |
|
625 | 606 | .-mb-px { |
626 | 607 | margin-bottom: -1px; |
627 | 608 | } |
628 | | - .mb-0 { |
629 | | - margin-bottom: calc(var(--spacing) * 0); |
630 | | - } |
631 | 609 | .mb-0\.5 { |
632 | 610 | margin-bottom: calc(var(--spacing) * 0.5); |
633 | 611 | } |
|
761 | 739 | width: calc(var(--spacing) * 20); |
762 | 740 | height: calc(var(--spacing) * 20); |
763 | 741 | } |
764 | | - .h-1 { |
765 | | - height: calc(var(--spacing) * 1); |
766 | | - } |
767 | 742 | .h-1\.5 { |
768 | 743 | height: calc(var(--spacing) * 1.5); |
769 | 744 | } |
|
1056 | 1031 | .origin-top-right { |
1057 | 1032 | transform-origin: 100% 0; |
1058 | 1033 | } |
1059 | | - .-translate-x-1 { |
1060 | | - --tw-translate-x: calc(var(--spacing) * -1); |
1061 | | - translate: var(--tw-translate-x) var(--tw-translate-y); |
1062 | | - } |
1063 | 1034 | .-translate-x-1\/2 { |
1064 | 1035 | --tw-translate-x: calc(calc(1/2 * 100%) * -1); |
1065 | 1036 | translate: var(--tw-translate-x) var(--tw-translate-y); |
|
1076 | 1047 | --tw-translate-x: calc(var(--spacing) * 0); |
1077 | 1048 | translate: var(--tw-translate-x) var(--tw-translate-y); |
1078 | 1049 | } |
1079 | | - .translate-x-1 { |
1080 | | - --tw-translate-x: calc(var(--spacing) * 1); |
1081 | | - translate: var(--tw-translate-x) var(--tw-translate-y); |
1082 | | - } |
1083 | 1050 | .translate-x-1\/4 { |
1084 | 1051 | --tw-translate-x: calc(1/4 * 100%); |
1085 | 1052 | translate: var(--tw-translate-x) var(--tw-translate-y); |
|
1092 | 1059 | --tw-translate-x: 100%; |
1093 | 1060 | translate: var(--tw-translate-x) var(--tw-translate-y); |
1094 | 1061 | } |
1095 | | - .-translate-y-1 { |
1096 | | - --tw-translate-y: calc(var(--spacing) * -1); |
1097 | | - translate: var(--tw-translate-x) var(--tw-translate-y); |
1098 | | - } |
1099 | 1062 | .-translate-y-1\/2 { |
1100 | 1063 | --tw-translate-y: calc(calc(1/2 * 100%) * -1); |
1101 | 1064 | translate: var(--tw-translate-x) var(--tw-translate-y); |
|
1108 | 1071 | --tw-translate-y: calc(var(--spacing) * 0); |
1109 | 1072 | translate: var(--tw-translate-x) var(--tw-translate-y); |
1110 | 1073 | } |
1111 | | - .translate-y-1 { |
1112 | | - --tw-translate-y: calc(var(--spacing) * 1); |
1113 | | - translate: var(--tw-translate-x) var(--tw-translate-y); |
1114 | | - } |
1115 | 1074 | .translate-y-1\/4 { |
1116 | 1075 | --tw-translate-y: calc(1/4 * 100%); |
1117 | 1076 | translate: var(--tw-translate-x) var(--tw-translate-y); |
|
1559 | 1518 | .border-red-400 { |
1560 | 1519 | border-color: var(--color-red-400); |
1561 | 1520 | } |
1562 | | - .border-red-800 { |
1563 | | - border-color: var(--color-red-800); |
1564 | | - } |
1565 | 1521 | .border-red-800\/20 { |
1566 | 1522 | border-color: color-mix(in srgb, oklch(44.4% 0.177 26.899) 20%, transparent); |
1567 | 1523 | @supports (color: color-mix(in lab, red, red)) { |
|
1571 | 1527 | .border-transparent { |
1572 | 1528 | border-color: transparent; |
1573 | 1529 | } |
1574 | | - .border-white { |
1575 | | - border-color: var(--color-white); |
1576 | | - } |
1577 | 1530 | .border-white\/10 { |
1578 | 1531 | border-color: color-mix(in srgb, #fff 10%, transparent); |
1579 | 1532 | @supports (color: color-mix(in lab, red, red)) { |
|
1595 | 1548 | .border-yellow-400 { |
1596 | 1549 | border-color: var(--color-yellow-400); |
1597 | 1550 | } |
1598 | | - .border-yellow-500 { |
1599 | | - border-color: var(--color-yellow-500); |
1600 | | - } |
1601 | 1551 | .border-yellow-500\/30 { |
1602 | 1552 | border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent); |
1603 | 1553 | @supports (color: color-mix(in lab, red, red)) { |
1604 | 1554 | border-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent); |
1605 | 1555 | } |
1606 | 1556 | } |
1607 | | - .border-yellow-600 { |
1608 | | - border-color: var(--color-yellow-600); |
1609 | | - } |
1610 | 1557 | .border-yellow-600\/30 { |
1611 | 1558 | border-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 30%, transparent); |
1612 | 1559 | @supports (color: color-mix(in lab, red, red)) { |
|
1616 | 1563 | .bg-\[\#fdfbf7\] { |
1617 | 1564 | background-color: #fdfbf7; |
1618 | 1565 | } |
1619 | | - .bg-black { |
1620 | | - background-color: var(--color-black); |
1621 | | - } |
1622 | 1566 | .bg-black\/40 { |
1623 | 1567 | background-color: color-mix(in srgb, #000 40%, transparent); |
1624 | 1568 | @supports (color: color-mix(in lab, red, red)) { |
|
1700 | 1644 | .bg-gray-400 { |
1701 | 1645 | background-color: var(--color-gray-400); |
1702 | 1646 | } |
1703 | | - .bg-gray-500 { |
1704 | | - background-color: var(--color-gray-500); |
1705 | | - } |
1706 | 1647 | .bg-gray-500\/75 { |
1707 | 1648 | background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 75%, transparent); |
1708 | 1649 | @supports (color: color-mix(in lab, red, red)) { |
|
1769 | 1710 | .bg-sky-600 { |
1770 | 1711 | background-color: var(--color-sky-600); |
1771 | 1712 | } |
1772 | | - .bg-slate-50 { |
1773 | | - background-color: var(--color-slate-50); |
1774 | | - } |
1775 | 1713 | .bg-slate-50\! { |
1776 | 1714 | background-color: var(--color-slate-50) !important; |
1777 | 1715 | } |
1778 | | - .bg-slate-400 { |
1779 | | - background-color: var(--color-slate-400); |
1780 | | - } |
1781 | 1716 | .bg-slate-400\/10 { |
1782 | 1717 | background-color: color-mix(in srgb, oklch(70.4% 0.04 256.788) 10%, transparent); |
1783 | 1718 | @supports (color: color-mix(in lab, red, red)) { |
|
1842 | 1777 | --tw-gradient-position: to top in oklab; |
1843 | 1778 | background-image: linear-gradient(var(--tw-gradient-stops)); |
1844 | 1779 | } |
1845 | | - .from-black { |
1846 | | - --tw-gradient-from: var(--color-black); |
1847 | | - --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)); |
1848 | | - } |
1849 | 1780 | .from-black\/80 { |
1850 | 1781 | --tw-gradient-from: color-mix(in srgb, #000 80%, transparent); |
1851 | 1782 | @supports (color: color-mix(in lab, red, red)) { |
|
1893 | 1824 | --tw-gradient-from: var(--color-yellow-400); |
1894 | 1825 | --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)); |
1895 | 1826 | } |
1896 | | - .via-black { |
1897 | | - --tw-gradient-via: var(--color-black); |
1898 | | - --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); |
1899 | | - --tw-gradient-stops: var(--tw-gradient-via-stops); |
1900 | | - } |
1901 | 1827 | .via-black\/20 { |
1902 | 1828 | --tw-gradient-via: color-mix(in srgb, #000 20%, transparent); |
1903 | 1829 | @supports (color: color-mix(in lab, red, red)) { |
|
2037 | 1963 | .px-12 { |
2038 | 1964 | padding-inline: calc(var(--spacing) * 12); |
2039 | 1965 | } |
2040 | | - .py-0 { |
2041 | | - padding-block: calc(var(--spacing) * 0); |
2042 | | - } |
2043 | 1966 | .py-0\.5 { |
2044 | 1967 | padding-block: calc(var(--spacing) * 0.5); |
2045 | 1968 | } |
|
2076 | 1999 | .py-12 { |
2077 | 2000 | padding-block: calc(var(--spacing) * 12); |
2078 | 2001 | } |
2079 | | - .pt-0 { |
2080 | | - padding-top: calc(var(--spacing) * 0); |
2081 | | - } |
2082 | 2002 | .pt-0\.5 { |
2083 | 2003 | padding-top: calc(var(--spacing) * 0.5); |
2084 | 2004 | } |
|
2472 | 2392 | .text-sky-600 { |
2473 | 2393 | color: var(--color-sky-600); |
2474 | 2394 | } |
2475 | | - .text-slate-300 { |
2476 | | - color: var(--color-slate-300); |
2477 | | - } |
2478 | 2395 | .text-slate-500 { |
2479 | 2396 | color: var(--color-slate-500); |
2480 | 2397 | } |
|
2662 | 2579 | --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor); |
2663 | 2580 | box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); |
2664 | 2581 | } |
2665 | | - .shadow-black { |
2666 | | - --tw-shadow-color: #000; |
2667 | | - @supports (color: color-mix(in lab, red, red)) { |
2668 | | - --tw-shadow-color: color-mix(in oklab, var(--color-black) var(--tw-shadow-alpha), transparent); |
2669 | | - } |
2670 | | - } |
2671 | 2582 | .shadow-black\/5 { |
2672 | 2583 | --tw-shadow-color: color-mix(in srgb, #000 5%, transparent); |
2673 | 2584 | @supports (color: color-mix(in lab, red, red)) { |
2674 | 2585 | --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent); |
2675 | 2586 | } |
2676 | 2587 | } |
2677 | | - .shadow-fuchsia-500 { |
2678 | | - --tw-shadow-color: oklch(66.7% 0.295 322.15); |
2679 | | - @supports (color: color-mix(in lab, red, red)) { |
2680 | | - --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-500) var(--tw-shadow-alpha), transparent); |
2681 | | - } |
2682 | | - } |
2683 | 2588 | .shadow-fuchsia-500\/10 { |
2684 | 2589 | --tw-shadow-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 10%, transparent); |
2685 | 2590 | @supports (color: color-mix(in lab, red, red)) { |
2686 | 2591 | --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-500) 10%, transparent) var(--tw-shadow-alpha), transparent); |
2687 | 2592 | } |
2688 | 2593 | } |
2689 | | - .shadow-gray-200 { |
2690 | | - --tw-shadow-color: oklch(92.8% 0.006 264.531); |
2691 | | - @supports (color: color-mix(in lab, red, red)) { |
2692 | | - --tw-shadow-color: color-mix(in oklab, var(--color-gray-200) var(--tw-shadow-alpha), transparent); |
2693 | | - } |
2694 | | - } |
2695 | 2594 | .shadow-gray-200\/50 { |
2696 | 2595 | --tw-shadow-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 50%, transparent); |
2697 | 2596 | @supports (color: color-mix(in lab, red, red)) { |
2698 | 2597 | --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-200) 50%, transparent) var(--tw-shadow-alpha), transparent); |
2699 | 2598 | } |
2700 | 2599 | } |
2701 | | - .ring-black { |
2702 | | - --tw-ring-color: var(--color-black); |
2703 | | - } |
2704 | 2600 | .ring-black\/5 { |
2705 | 2601 | --tw-ring-color: color-mix(in srgb, #000 5%, transparent); |
2706 | 2602 | @supports (color: color-mix(in lab, red, red)) { |
|
2722 | 2618 | .ring-indigo-500 { |
2723 | 2619 | --tw-ring-color: var(--color-indigo-500); |
2724 | 2620 | } |
2725 | | - .ring-yellow-400 { |
2726 | | - --tw-ring-color: var(--color-yellow-400); |
2727 | | - } |
2728 | 2621 | .ring-yellow-400\/30 { |
2729 | 2622 | --tw-ring-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 30%, transparent); |
2730 | 2623 | @supports (color: color-mix(in lab, red, red)) { |
2731 | 2624 | --tw-ring-color: color-mix(in oklab, var(--color-yellow-400) 30%, transparent); |
2732 | 2625 | } |
2733 | 2626 | } |
2734 | | - .inset-ring-gray-900 { |
2735 | | - --tw-inset-ring-color: var(--color-gray-900); |
2736 | | - } |
2737 | 2627 | .inset-ring-gray-900\/5 { |
2738 | 2628 | --tw-inset-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); |
2739 | 2629 | @supports (color: color-mix(in lab, red, red)) { |
|
0 commit comments