add feature test
This commit is contained in:
@@ -19,9 +19,9 @@
|
||||
--color-indigo-300: oklch(78.5% 0.115 274.713);
|
||||
--color-indigo-400: oklch(67.3% 0.182 276.935);
|
||||
--color-indigo-500: oklch(58.5% 0.233 277.117);
|
||||
--color-indigo-600: oklch(51.1% 0.262 276.966);
|
||||
--color-indigo-800: oklch(39.8% 0.195 277.366);
|
||||
--color-indigo-900: oklch(35.9% 0.144 278.697);
|
||||
--color-indigo-950: oklch(25.7% 0.09 281.288);
|
||||
--color-gray-50: oklch(98.5% 0.002 247.839);
|
||||
--color-gray-100: oklch(96.7% 0.003 264.542);
|
||||
--color-gray-200: oklch(92.8% 0.006 264.531);
|
||||
@@ -42,7 +42,6 @@
|
||||
--container-xl: 36rem;
|
||||
--container-2xl: 42rem;
|
||||
--container-3xl: 48rem;
|
||||
--container-4xl: 56rem;
|
||||
--container-5xl: 64rem;
|
||||
--container-7xl: 80rem;
|
||||
--text-xs: 0.75rem;
|
||||
@@ -53,7 +52,6 @@
|
||||
--text-lg: 1.125rem;
|
||||
--text-lg--line-height: calc(1.75 / 1.125);
|
||||
--text-xl: 1.25rem;
|
||||
--text-xl--line-height: calc(1.75 / 1.25);
|
||||
--text-2xl: 1.5rem;
|
||||
--text-2xl--line-height: calc(2 / 1.5);
|
||||
--text-3xl: 1.875rem;
|
||||
@@ -297,15 +295,9 @@
|
||||
.top-8 {
|
||||
top: calc(var(--spacing) * 8);
|
||||
}
|
||||
.top-10 {
|
||||
top: calc(var(--spacing) * 10);
|
||||
}
|
||||
.top-15 {
|
||||
top: calc(var(--spacing) * 15);
|
||||
}
|
||||
.top-20 {
|
||||
top: calc(var(--spacing) * 20);
|
||||
}
|
||||
.top-32 {
|
||||
top: calc(var(--spacing) * 32);
|
||||
}
|
||||
@@ -471,9 +463,6 @@
|
||||
.mt-16 {
|
||||
margin-top: calc(var(--spacing) * 16);
|
||||
}
|
||||
.mt-20 {
|
||||
margin-top: calc(var(--spacing) * 20);
|
||||
}
|
||||
.mt-24 {
|
||||
margin-top: calc(var(--spacing) * 24);
|
||||
}
|
||||
@@ -489,9 +478,6 @@
|
||||
.mb-0\.5 {
|
||||
margin-bottom: calc(var(--spacing) * 0.5);
|
||||
}
|
||||
.mb-4 {
|
||||
margin-bottom: calc(var(--spacing) * 4);
|
||||
}
|
||||
.mb-10 {
|
||||
margin-bottom: calc(var(--spacing) * 10);
|
||||
}
|
||||
@@ -501,6 +487,12 @@
|
||||
.ml-0\.5 {
|
||||
margin-left: calc(var(--spacing) * 0.5);
|
||||
}
|
||||
.ml-\[-22rem\] {
|
||||
margin-left: -22rem;
|
||||
}
|
||||
.ml-\[max\(50\%\,38rem\)\] {
|
||||
margin-left: max(50%, 38rem);
|
||||
}
|
||||
.ml-auto {
|
||||
margin-left: auto;
|
||||
}
|
||||
@@ -534,6 +526,9 @@
|
||||
.aspect-9\/16 {
|
||||
aspect-ratio: 9/16;
|
||||
}
|
||||
.aspect-1313\/771 {
|
||||
aspect-ratio: 1313/771;
|
||||
}
|
||||
.aspect-\[var\(--width\)\/var\(--height\)\] {
|
||||
aspect-ratio: var(--width)/var(--height);
|
||||
}
|
||||
@@ -560,6 +555,10 @@
|
||||
width: calc(var(--spacing) * 7);
|
||||
height: calc(var(--spacing) * 7);
|
||||
}
|
||||
.size-10 {
|
||||
width: calc(var(--spacing) * 10);
|
||||
height: calc(var(--spacing) * 10);
|
||||
}
|
||||
.size-12 {
|
||||
width: calc(var(--spacing) * 12);
|
||||
height: calc(var(--spacing) * 12);
|
||||
@@ -600,27 +599,18 @@
|
||||
.h-9 {
|
||||
height: calc(var(--spacing) * 9);
|
||||
}
|
||||
.h-10 {
|
||||
height: calc(var(--spacing) * 10);
|
||||
}
|
||||
.h-14 {
|
||||
height: calc(var(--spacing) * 14);
|
||||
}
|
||||
.h-16 {
|
||||
height: calc(var(--spacing) * 16);
|
||||
}
|
||||
.h-25 {
|
||||
height: calc(var(--spacing) * 25);
|
||||
}
|
||||
.h-30 {
|
||||
height: calc(var(--spacing) * 30);
|
||||
}
|
||||
.h-35 {
|
||||
height: calc(var(--spacing) * 35);
|
||||
}
|
||||
.h-45 {
|
||||
height: calc(var(--spacing) * 45);
|
||||
}
|
||||
.h-55 {
|
||||
height: calc(var(--spacing) * 55);
|
||||
}
|
||||
.h-60 {
|
||||
height: calc(var(--spacing) * 60);
|
||||
}
|
||||
@@ -639,12 +629,6 @@
|
||||
.h-full {
|
||||
height: 100%;
|
||||
}
|
||||
.min-h-\[400px\] {
|
||||
min-height: 400px;
|
||||
}
|
||||
.min-h-\[600px\] {
|
||||
min-height: 600px;
|
||||
}
|
||||
.min-h-\[700px\] {
|
||||
min-height: 700px;
|
||||
}
|
||||
@@ -669,24 +653,18 @@
|
||||
.w-3\/5 {
|
||||
width: calc(3/5 * 100%);
|
||||
}
|
||||
.w-16 {
|
||||
width: calc(var(--spacing) * 16);
|
||||
}
|
||||
.w-30 {
|
||||
width: calc(var(--spacing) * 30);
|
||||
}
|
||||
.w-45 {
|
||||
width: calc(var(--spacing) * 45);
|
||||
}
|
||||
.w-55 {
|
||||
width: calc(var(--spacing) * 55);
|
||||
}
|
||||
.w-72 {
|
||||
width: calc(var(--spacing) * 72);
|
||||
}
|
||||
.w-104 {
|
||||
width: calc(var(--spacing) * 104);
|
||||
}
|
||||
.w-328\.25 {
|
||||
width: calc(var(--spacing) * 328.25);
|
||||
}
|
||||
.w-auto {
|
||||
width: auto;
|
||||
}
|
||||
@@ -705,9 +683,6 @@
|
||||
.max-w-3xl {
|
||||
max-width: var(--container-3xl);
|
||||
}
|
||||
.max-w-4xl {
|
||||
max-width: var(--container-4xl);
|
||||
}
|
||||
.max-w-5xl {
|
||||
max-width: var(--container-5xl);
|
||||
}
|
||||
@@ -741,9 +716,18 @@
|
||||
.flex-1 {
|
||||
flex: 1;
|
||||
}
|
||||
.flex-auto {
|
||||
flex: auto;
|
||||
}
|
||||
.flex-none {
|
||||
flex: none;
|
||||
}
|
||||
.shrink-0 {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.origin-top-right {
|
||||
transform-origin: top right;
|
||||
}
|
||||
.-translate-x-1\/2 {
|
||||
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
|
||||
translate: var(--tw-translate-x) var(--tw-translate-y);
|
||||
@@ -756,6 +740,9 @@
|
||||
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
|
||||
translate: var(--tw-translate-x) var(--tw-translate-y);
|
||||
}
|
||||
.rotate-30 {
|
||||
rotate: 30deg;
|
||||
}
|
||||
.rotate-\[-10deg\] {
|
||||
rotate: -10deg;
|
||||
}
|
||||
@@ -798,6 +785,9 @@
|
||||
.grid-cols-\[16px_1fr\] {
|
||||
grid-template-columns: 16px 1fr;
|
||||
}
|
||||
.grid-rows-1 {
|
||||
grid-template-rows: repeat(1, minmax(0, 1fr));
|
||||
}
|
||||
.flex-col {
|
||||
flex-direction: column;
|
||||
}
|
||||
@@ -866,6 +856,13 @@
|
||||
margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
|
||||
}
|
||||
}
|
||||
.space-y-8 {
|
||||
:where(& > :not(:last-child)) {
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
|
||||
margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
|
||||
}
|
||||
}
|
||||
.space-y-12 {
|
||||
:where(& > :not(:last-child)) {
|
||||
--tw-space-y-reverse: 0;
|
||||
@@ -873,6 +870,9 @@
|
||||
margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
|
||||
}
|
||||
}
|
||||
.gap-x-4 {
|
||||
column-gap: calc(var(--spacing) * 4);
|
||||
}
|
||||
.gap-x-6 {
|
||||
column-gap: calc(var(--spacing) * 6);
|
||||
}
|
||||
@@ -1000,6 +1000,12 @@
|
||||
.border-gray-300 {
|
||||
border-color: var(--color-gray-300);
|
||||
}
|
||||
.border-gray-900\/10 {
|
||||
border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent);
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
|
||||
}
|
||||
}
|
||||
.border-transparent {
|
||||
border-color: transparent;
|
||||
}
|
||||
@@ -1051,27 +1057,12 @@
|
||||
background-color: color-mix(in oklab, var(--color-indigo-800) 35%, transparent);
|
||||
}
|
||||
}
|
||||
.bg-indigo-950 {
|
||||
background-color: var(--color-indigo-950);
|
||||
}
|
||||
.bg-indigo-950\/5 {
|
||||
background-color: color-mix(in srgb, oklch(25.7% 0.09 281.288) 5%, transparent);
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
background-color: color-mix(in oklab, var(--color-indigo-950) 5%, transparent);
|
||||
}
|
||||
}
|
||||
.bg-transparent {
|
||||
background-color: transparent;
|
||||
}
|
||||
.bg-white {
|
||||
background-color: var(--color-white);
|
||||
}
|
||||
.bg-white\/5 {
|
||||
background-color: color-mix(in srgb, #fff 5%, transparent);
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
|
||||
}
|
||||
}
|
||||
.bg-white\/10 {
|
||||
background-color: color-mix(in srgb, #fff 10%, transparent);
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
@@ -1118,6 +1109,13 @@
|
||||
}
|
||||
background-image: linear-gradient(var(--tw-gradient-stops));
|
||||
}
|
||||
.bg-linear-to-tr {
|
||||
--tw-gradient-position: to top right;
|
||||
@supports (background-image: linear-gradient(in lab, red, red)) {
|
||||
--tw-gradient-position: to top right in oklab;
|
||||
}
|
||||
background-image: linear-gradient(var(--tw-gradient-stops));
|
||||
}
|
||||
.bg-gradient-to-r {
|
||||
--tw-gradient-position: to right in oklab;
|
||||
background-image: linear-gradient(var(--tw-gradient-stops));
|
||||
@@ -1152,6 +1150,10 @@
|
||||
--tw-gradient-from: #e6dcff;
|
||||
--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));
|
||||
}
|
||||
.from-\[\#ff80b5\] {
|
||||
--tw-gradient-from: #ff80b5;
|
||||
--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));
|
||||
}
|
||||
.from-\[\#fff1be\] {
|
||||
--tw-gradient-from: #fff1be;
|
||||
--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));
|
||||
@@ -1252,6 +1254,10 @@
|
||||
--tw-gradient-to: #4605b0;
|
||||
--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));
|
||||
}
|
||||
.to-\[\#9089fc\] {
|
||||
--tw-gradient-to: #9089fc;
|
||||
--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));
|
||||
}
|
||||
.to-\[\#392468\] {
|
||||
--tw-gradient-to: #392468;
|
||||
--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));
|
||||
@@ -1597,10 +1603,6 @@
|
||||
font-size: var(--text-lg);
|
||||
line-height: var(--tw-leading, var(--text-lg--line-height));
|
||||
}
|
||||
.text-lg\/8 {
|
||||
font-size: var(--text-lg);
|
||||
line-height: calc(var(--spacing) * 8);
|
||||
}
|
||||
.text-sm {
|
||||
font-size: var(--text-sm);
|
||||
line-height: var(--tw-leading, var(--text-sm--line-height));
|
||||
@@ -1617,10 +1619,6 @@
|
||||
font-size: var(--text-sm);
|
||||
line-height: calc(var(--spacing) * 7);
|
||||
}
|
||||
.text-xl {
|
||||
font-size: var(--text-xl);
|
||||
line-height: var(--tw-leading, var(--text-xl--line-height));
|
||||
}
|
||||
.text-xl\/4 {
|
||||
font-size: var(--text-xl);
|
||||
line-height: calc(var(--spacing) * 4);
|
||||
@@ -1690,15 +1688,9 @@
|
||||
.whitespace-nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.text-black {
|
||||
color: var(--color-black);
|
||||
}
|
||||
.text-gray-100 {
|
||||
color: var(--color-gray-100);
|
||||
}
|
||||
.text-gray-300 {
|
||||
color: var(--color-gray-300);
|
||||
}
|
||||
.text-gray-500 {
|
||||
color: var(--color-gray-500);
|
||||
}
|
||||
@@ -1708,6 +1700,9 @@
|
||||
.text-gray-700 {
|
||||
color: var(--color-gray-700);
|
||||
}
|
||||
.text-gray-900 {
|
||||
color: var(--color-gray-900);
|
||||
}
|
||||
.text-gray-950 {
|
||||
color: var(--color-gray-950);
|
||||
}
|
||||
@@ -1720,6 +1715,9 @@
|
||||
.text-indigo-300 {
|
||||
color: var(--color-indigo-300);
|
||||
}
|
||||
.text-indigo-600 {
|
||||
color: var(--color-indigo-600);
|
||||
}
|
||||
.text-indigo-900 {
|
||||
color: var(--color-indigo-900);
|
||||
}
|
||||
@@ -1754,6 +1752,12 @@
|
||||
.opacity-0 {
|
||||
opacity: 0%;
|
||||
}
|
||||
.opacity-25 {
|
||||
opacity: 25%;
|
||||
}
|
||||
.opacity-30 {
|
||||
opacity: 30%;
|
||||
}
|
||||
.opacity-100 {
|
||||
opacity: 100%;
|
||||
}
|
||||
@@ -1830,6 +1834,12 @@
|
||||
.ring-gray-200 {
|
||||
--tw-ring-color: var(--color-gray-200);
|
||||
}
|
||||
.ring-gray-900\/5 {
|
||||
--tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent);
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
--tw-ring-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
|
||||
}
|
||||
}
|
||||
.ring-gray-950\/10 {
|
||||
--tw-ring-color: color-mix(in srgb, oklch(13% 0.028 261.692) 10%, transparent);
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
@@ -2465,6 +2475,11 @@
|
||||
margin-top: calc(var(--spacing) * 16);
|
||||
}
|
||||
}
|
||||
.sm\:mt-20 {
|
||||
@media (width >= 40rem) {
|
||||
margin-top: calc(var(--spacing) * 20);
|
||||
}
|
||||
}
|
||||
.sm\:hidden {
|
||||
@media (width >= 40rem) {
|
||||
display: none;
|
||||
@@ -2540,6 +2555,11 @@
|
||||
flex-direction: row;
|
||||
}
|
||||
}
|
||||
.sm\:flex-nowrap {
|
||||
@media (width >= 40rem) {
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
}
|
||||
.sm\:from-25\% {
|
||||
@media (width >= 40rem) {
|
||||
--tw-gradient-from-position: 25%;
|
||||
@@ -2550,9 +2570,9 @@
|
||||
padding: calc(var(--spacing) * 11);
|
||||
}
|
||||
}
|
||||
.sm\:py-32 {
|
||||
.sm\:p-12 {
|
||||
@media (width >= 40rem) {
|
||||
padding-block: calc(var(--spacing) * 32);
|
||||
padding: calc(var(--spacing) * 12);
|
||||
}
|
||||
}
|
||||
.sm\:pt-16 {
|
||||
@@ -2560,6 +2580,11 @@
|
||||
padding-top: calc(var(--spacing) * 16);
|
||||
}
|
||||
}
|
||||
.sm\:pt-40 {
|
||||
@media (width >= 40rem) {
|
||||
padding-top: calc(var(--spacing) * 40);
|
||||
}
|
||||
}
|
||||
.sm\:text-5xl {
|
||||
@media (width >= 40rem) {
|
||||
font-size: var(--text-5xl);
|
||||
@@ -2675,11 +2700,6 @@
|
||||
max-width: var(--container-7xl);
|
||||
}
|
||||
}
|
||||
.lg\:max-w-none {
|
||||
@media (width >= 64rem) {
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
.lg\:basis-5\/12 {
|
||||
@media (width >= 64rem) {
|
||||
flex-basis: calc(5/12 * 100%);
|
||||
@@ -2891,26 +2911,95 @@
|
||||
--scroll-padding: max(calc(var(--spacing) * 8), calc((100vw - (var(--container-7xl))) / 2));
|
||||
}
|
||||
}
|
||||
.xl\:col-start-2 {
|
||||
@media (width >= 80rem) {
|
||||
grid-column-start: 2;
|
||||
}
|
||||
}
|
||||
.xl\:row-span-2 {
|
||||
@media (width >= 80rem) {
|
||||
grid-row: span 2 / span 2;
|
||||
}
|
||||
}
|
||||
.xl\:row-start-1 {
|
||||
@media (width >= 80rem) {
|
||||
grid-row-start: 1;
|
||||
}
|
||||
}
|
||||
.xl\:row-end-1 {
|
||||
@media (width >= 80rem) {
|
||||
grid-row-end: 1;
|
||||
}
|
||||
}
|
||||
.xl\:mx-0 {
|
||||
@media (width >= 80rem) {
|
||||
margin-inline: calc(var(--spacing) * 0);
|
||||
}
|
||||
}
|
||||
.xl\:mx-auto {
|
||||
@media (width >= 80rem) {
|
||||
margin-inline: auto;
|
||||
}
|
||||
}
|
||||
.xl\:mr-\[calc\(50\%-12rem\)\] {
|
||||
@media (width >= 80rem) {
|
||||
margin-right: calc(50% - 12rem);
|
||||
}
|
||||
}
|
||||
.xl\:mr-auto {
|
||||
@media (width >= 80rem) {
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
.xl\:ml-0 {
|
||||
@media (width >= 80rem) {
|
||||
margin-left: calc(var(--spacing) * 0);
|
||||
}
|
||||
}
|
||||
.xl\:contents {
|
||||
@media (width >= 80rem) {
|
||||
display: contents;
|
||||
}
|
||||
}
|
||||
.xl\:max-w-none {
|
||||
@media (width >= 80rem) {
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
.xl\:grid-flow-col {
|
||||
@media (width >= 80rem) {
|
||||
grid-auto-flow: column;
|
||||
}
|
||||
}
|
||||
.xl\:grid-cols-4 {
|
||||
@media (width >= 80rem) {
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
}
|
||||
}
|
||||
.xl\:grid-cols-\[15rem_1fr_15rem\] {
|
||||
@media (width >= 80rem) {
|
||||
grid-template-columns: 15rem 1fr 15rem;
|
||||
}
|
||||
}
|
||||
.xl\:justify-end {
|
||||
@media (width >= 80rem) {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
.xl\:gap-8 {
|
||||
@media (width >= 80rem) {
|
||||
gap: calc(var(--spacing) * 8);
|
||||
}
|
||||
}
|
||||
.xl\:space-y-0 {
|
||||
@media (width >= 80rem) {
|
||||
:where(& > :not(:last-child)) {
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
|
||||
margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
|
||||
}
|
||||
}
|
||||
}
|
||||
.dark\:bg-indigo-800\/50 {
|
||||
@media (prefers-color-scheme: dark) {
|
||||
background-color: color-mix(in srgb, oklch(39.8% 0.195 277.366) 50%, transparent);
|
||||
|
||||
Reference in New Issue
Block a user