finish indabaos
This commit is contained in:
@@ -21,7 +21,7 @@
|
||||
--color-indigo-500: oklch(58.5% 0.233 277.117);
|
||||
--color-indigo-800: oklch(39.8% 0.195 277.366);
|
||||
--color-indigo-900: oklch(35.9% 0.144 278.697);
|
||||
--color-pink-600: oklch(59.2% 0.249 0.584);
|
||||
--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);
|
||||
@@ -37,12 +37,12 @@
|
||||
--color-white: #fff;
|
||||
--spacing: 0.25rem;
|
||||
--container-xs: 20rem;
|
||||
--container-sm: 24rem;
|
||||
--container-md: 28rem;
|
||||
--container-lg: 32rem;
|
||||
--container-xl: 36rem;
|
||||
--container-2xl: 42rem;
|
||||
--container-3xl: 48rem;
|
||||
--container-4xl: 56rem;
|
||||
--container-5xl: 64rem;
|
||||
--container-7xl: 80rem;
|
||||
--text-xs: 0.75rem;
|
||||
@@ -285,9 +285,6 @@
|
||||
.-top-44 {
|
||||
top: calc(var(--spacing) * -44);
|
||||
}
|
||||
.-top-52 {
|
||||
top: calc(var(--spacing) * -52);
|
||||
}
|
||||
.top-0 {
|
||||
top: calc(var(--spacing) * 0);
|
||||
}
|
||||
@@ -303,6 +300,12 @@
|
||||
.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);
|
||||
}
|
||||
@@ -354,15 +357,6 @@
|
||||
.-z-10 {
|
||||
z-index: calc(10 * -1);
|
||||
}
|
||||
.-z-20 {
|
||||
z-index: calc(20 * -1);
|
||||
}
|
||||
.-z-30 {
|
||||
z-index: calc(30 * -1);
|
||||
}
|
||||
.-z-50 {
|
||||
z-index: calc(50 * -1);
|
||||
}
|
||||
.z-0 {
|
||||
z-index: 0;
|
||||
}
|
||||
@@ -477,6 +471,9 @@
|
||||
.mt-16 {
|
||||
margin-top: calc(var(--spacing) * 16);
|
||||
}
|
||||
.mt-20 {
|
||||
margin-top: calc(var(--spacing) * 20);
|
||||
}
|
||||
.mt-24 {
|
||||
margin-top: calc(var(--spacing) * 24);
|
||||
}
|
||||
@@ -492,6 +489,9 @@
|
||||
.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);
|
||||
}
|
||||
@@ -534,19 +534,12 @@
|
||||
.aspect-9\/16 {
|
||||
aspect-ratio: 9/16;
|
||||
}
|
||||
.aspect-1097\/845 {
|
||||
aspect-ratio: 1097/845;
|
||||
}
|
||||
.aspect-\[var\(--width\)\/var\(--height\)\] {
|
||||
aspect-ratio: var(--width)/var(--height);
|
||||
}
|
||||
.aspect-square {
|
||||
aspect-ratio: 1 / 1;
|
||||
}
|
||||
.size-2\.5 {
|
||||
width: calc(var(--spacing) * 2.5);
|
||||
height: calc(var(--spacing) * 2.5);
|
||||
}
|
||||
.size-3\.75 {
|
||||
width: calc(var(--spacing) * 3.75);
|
||||
height: calc(var(--spacing) * 3.75);
|
||||
@@ -598,6 +591,9 @@
|
||||
.h-0\.5 {
|
||||
height: calc(var(--spacing) * 0.5);
|
||||
}
|
||||
.h-3\/4 {
|
||||
height: calc(3/4 * 100%);
|
||||
}
|
||||
.h-6 {
|
||||
height: calc(var(--spacing) * 6);
|
||||
}
|
||||
@@ -613,6 +609,18 @@
|
||||
.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);
|
||||
}
|
||||
@@ -631,15 +639,15 @@
|
||||
.h-full {
|
||||
height: 100%;
|
||||
}
|
||||
.min-h-\[400px\] {
|
||||
min-height: 400px;
|
||||
}
|
||||
.min-h-\[600px\] {
|
||||
min-height: 600px;
|
||||
}
|
||||
.min-h-\[700px\] {
|
||||
min-height: 700px;
|
||||
}
|
||||
.min-h-\[800px\] {
|
||||
min-height: 800px;
|
||||
}
|
||||
.min-h-dvh {
|
||||
min-height: 100dvh;
|
||||
}
|
||||
@@ -661,15 +669,24 @@
|
||||
.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-274\.25 {
|
||||
width: calc(var(--spacing) * 274.25);
|
||||
}
|
||||
.w-auto {
|
||||
width: auto;
|
||||
}
|
||||
@@ -688,6 +705,12 @@
|
||||
.max-w-3xl {
|
||||
max-width: var(--container-3xl);
|
||||
}
|
||||
.max-w-4xl {
|
||||
max-width: var(--container-4xl);
|
||||
}
|
||||
.max-w-5xl {
|
||||
max-width: var(--container-5xl);
|
||||
}
|
||||
.max-w-7xl {
|
||||
max-width: var(--container-7xl);
|
||||
}
|
||||
@@ -706,9 +729,6 @@
|
||||
.max-w-none {
|
||||
max-width: none;
|
||||
}
|
||||
.max-w-sm {
|
||||
max-width: var(--container-sm);
|
||||
}
|
||||
.max-w-xl {
|
||||
max-width: var(--container-xl);
|
||||
}
|
||||
@@ -1001,12 +1021,6 @@
|
||||
background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
|
||||
}
|
||||
}
|
||||
.bg-black\/30 {
|
||||
background-color: color-mix(in srgb, #000 30%, transparent);
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
|
||||
}
|
||||
}
|
||||
.bg-black\/50 {
|
||||
background-color: color-mix(in srgb, #000 50%, transparent);
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
@@ -1016,9 +1030,6 @@
|
||||
.bg-gray-50 {
|
||||
background-color: var(--color-gray-50);
|
||||
}
|
||||
.bg-gray-300 {
|
||||
background-color: var(--color-gray-300);
|
||||
}
|
||||
.bg-gray-900 {
|
||||
background-color: var(--color-gray-900);
|
||||
}
|
||||
@@ -1040,12 +1051,33 @@
|
||||
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)) {
|
||||
background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
|
||||
}
|
||||
}
|
||||
.bg-white\/15 {
|
||||
background-color: color-mix(in srgb, #fff 15%, transparent);
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
@@ -1058,12 +1090,6 @@
|
||||
background-color: color-mix(in oklab, var(--color-white) 35%, transparent);
|
||||
}
|
||||
}
|
||||
.bg-white\/50 {
|
||||
background-color: color-mix(in srgb, #fff 50%, transparent);
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
|
||||
}
|
||||
}
|
||||
.bg-linear-145 {
|
||||
--tw-gradient-position: 145deg;
|
||||
@supports (background-image: linear-gradient(in lab, red, red)) {
|
||||
@@ -1092,13 +1118,6 @@
|
||||
}
|
||||
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));
|
||||
@@ -1133,10 +1152,6 @@
|
||||
--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-\[\#ff4694\] {
|
||||
--tw-gradient-from: #ff4694;
|
||||
--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));
|
||||
@@ -1159,13 +1174,6 @@
|
||||
}
|
||||
--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-black\/70 {
|
||||
--tw-gradient-from: color-mix(in srgb, #000 70%, transparent);
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
--tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, transparent);
|
||||
}
|
||||
--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-gray-100 {
|
||||
--tw-gradient-from: var(--color-gray-100);
|
||||
--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));
|
||||
@@ -1234,24 +1242,12 @@
|
||||
--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);
|
||||
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
||||
}
|
||||
.via-black\/50 {
|
||||
--tw-gradient-via: color-mix(in srgb, #000 50%, transparent);
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
--tw-gradient-via: color-mix(in oklab, var(--color-black) 50%, transparent);
|
||||
}
|
||||
--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);
|
||||
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
||||
}
|
||||
.via-50\% {
|
||||
--tw-gradient-via-position: 50%;
|
||||
}
|
||||
.via-70\% {
|
||||
--tw-gradient-via-position: 70%;
|
||||
}
|
||||
.to-\[\#776fff\] {
|
||||
--tw-gradient-to: #776fff;
|
||||
--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-\[\#4605b0\] {
|
||||
--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));
|
||||
@@ -1381,6 +1377,9 @@
|
||||
.stroke-white {
|
||||
stroke: var(--color-white);
|
||||
}
|
||||
.object-contain {
|
||||
object-fit: contain;
|
||||
}
|
||||
.object-cover {
|
||||
object-fit: cover;
|
||||
}
|
||||
@@ -1453,15 +1452,6 @@
|
||||
.py-24 {
|
||||
padding-block: calc(var(--spacing) * 24);
|
||||
}
|
||||
.py-32 {
|
||||
padding-block: calc(var(--spacing) * 32);
|
||||
}
|
||||
.py-48 {
|
||||
padding-block: calc(var(--spacing) * 48);
|
||||
}
|
||||
.py-56 {
|
||||
padding-block: calc(var(--spacing) * 56);
|
||||
}
|
||||
.py-\[calc\(--spacing\(1\.5\)-1px\)\] {
|
||||
padding-block: calc(calc(var(--spacing) * 1.5) - 1px);
|
||||
}
|
||||
@@ -1607,6 +1597,10 @@
|
||||
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));
|
||||
@@ -1623,6 +1617,10 @@
|
||||
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);
|
||||
@@ -1692,11 +1690,14 @@
|
||||
.whitespace-nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.text-black {
|
||||
color: var(--color-black);
|
||||
}
|
||||
.text-gray-100 {
|
||||
color: var(--color-gray-100);
|
||||
}
|
||||
.text-gray-400 {
|
||||
color: var(--color-gray-400);
|
||||
.text-gray-300 {
|
||||
color: var(--color-gray-300);
|
||||
}
|
||||
.text-gray-500 {
|
||||
color: var(--color-gray-500);
|
||||
@@ -1722,15 +1723,18 @@
|
||||
.text-indigo-900 {
|
||||
color: var(--color-indigo-900);
|
||||
}
|
||||
.text-pink-600 {
|
||||
color: var(--color-pink-600);
|
||||
}
|
||||
.text-transparent {
|
||||
color: transparent;
|
||||
}
|
||||
.text-white {
|
||||
color: var(--color-white);
|
||||
}
|
||||
.text-white\/90 {
|
||||
color: color-mix(in srgb, #fff 90%, transparent);
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
color: color-mix(in oklab, var(--color-white) 90%, transparent);
|
||||
}
|
||||
}
|
||||
.uppercase {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
@@ -1750,9 +1754,6 @@
|
||||
.opacity-0 {
|
||||
opacity: 0%;
|
||||
}
|
||||
.opacity-20 {
|
||||
opacity: 20%;
|
||||
}
|
||||
.opacity-100 {
|
||||
opacity: 100%;
|
||||
}
|
||||
@@ -2163,11 +2164,6 @@
|
||||
margin-bottom: calc(var(--spacing) * 8);
|
||||
}
|
||||
}
|
||||
.data-active\:bg-gray-400 {
|
||||
&[data-active] {
|
||||
background-color: var(--color-gray-400);
|
||||
}
|
||||
}
|
||||
.data-active\:shadow-sm {
|
||||
&[data-active] {
|
||||
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
||||
@@ -2312,11 +2308,6 @@
|
||||
background-color: var(--color-gray-100);
|
||||
}
|
||||
}
|
||||
.data-hover\:bg-gray-400 {
|
||||
&[data-hover] {
|
||||
background-color: var(--color-gray-400);
|
||||
}
|
||||
}
|
||||
.data-hover\:bg-indigo-100\/70 {
|
||||
&[data-hover] {
|
||||
background-color: color-mix(in srgb, oklch(93% 0.034 272.788) 70%, transparent);
|
||||
@@ -2459,31 +2450,6 @@
|
||||
color: var(--color-gray-700);
|
||||
}
|
||||
}
|
||||
.sm\:absolute {
|
||||
@media (width >= 40rem) {
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
.sm\:-top-10 {
|
||||
@media (width >= 40rem) {
|
||||
top: calc(var(--spacing) * -10);
|
||||
}
|
||||
}
|
||||
.sm\:top-\[-28rem\] {
|
||||
@media (width >= 40rem) {
|
||||
top: -28rem;
|
||||
}
|
||||
}
|
||||
.sm\:right-1\/2 {
|
||||
@media (width >= 40rem) {
|
||||
right: calc(1/2 * 100%);
|
||||
}
|
||||
}
|
||||
.sm\:-z-10 {
|
||||
@media (width >= 40rem) {
|
||||
z-index: calc(10 * -1);
|
||||
}
|
||||
}
|
||||
.sm\:col-span-2 {
|
||||
@media (width >= 40rem) {
|
||||
grid-column: span 2 / span 2;
|
||||
@@ -2499,26 +2465,6 @@
|
||||
margin-top: calc(var(--spacing) * 16);
|
||||
}
|
||||
}
|
||||
.sm\:mr-10 {
|
||||
@media (width >= 40rem) {
|
||||
margin-right: calc(var(--spacing) * 10);
|
||||
}
|
||||
}
|
||||
.sm\:ml-16 {
|
||||
@media (width >= 40rem) {
|
||||
margin-left: calc(var(--spacing) * 16);
|
||||
}
|
||||
}
|
||||
.sm\:block {
|
||||
@media (width >= 40rem) {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.sm\:flex {
|
||||
@media (width >= 40rem) {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
.sm\:hidden {
|
||||
@media (width >= 40rem) {
|
||||
display: none;
|
||||
@@ -2574,17 +2520,6 @@
|
||||
max-width: var(--container-2xl);
|
||||
}
|
||||
}
|
||||
.sm\:translate-x-0 {
|
||||
@media (width >= 40rem) {
|
||||
--tw-translate-x: calc(var(--spacing) * 0);
|
||||
translate: var(--tw-translate-x) var(--tw-translate-y);
|
||||
}
|
||||
}
|
||||
.sm\:transform-gpu {
|
||||
@media (width >= 40rem) {
|
||||
transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
||||
}
|
||||
}
|
||||
.sm\:grid-cols-2 {
|
||||
@media (width >= 40rem) {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
@@ -2605,11 +2540,6 @@
|
||||
flex-direction: row;
|
||||
}
|
||||
}
|
||||
.sm\:gap-2 {
|
||||
@media (width >= 40rem) {
|
||||
gap: calc(var(--spacing) * 2);
|
||||
}
|
||||
}
|
||||
.sm\:from-25\% {
|
||||
@media (width >= 40rem) {
|
||||
--tw-gradient-from-position: 25%;
|
||||
@@ -2625,21 +2555,6 @@
|
||||
padding-block: calc(var(--spacing) * 32);
|
||||
}
|
||||
}
|
||||
.sm\:py-40 {
|
||||
@media (width >= 40rem) {
|
||||
padding-block: calc(var(--spacing) * 40);
|
||||
}
|
||||
}
|
||||
.sm\:py-56 {
|
||||
@media (width >= 40rem) {
|
||||
padding-block: calc(var(--spacing) * 56);
|
||||
}
|
||||
}
|
||||
.sm\:py-72 {
|
||||
@media (width >= 40rem) {
|
||||
padding-block: calc(var(--spacing) * 72);
|
||||
}
|
||||
}
|
||||
.sm\:pt-16 {
|
||||
@media (width >= 40rem) {
|
||||
padding-top: calc(var(--spacing) * 16);
|
||||
@@ -2657,24 +2572,12 @@
|
||||
line-height: var(--tw-leading, var(--text-6xl--line-height));
|
||||
}
|
||||
}
|
||||
.sm\:text-7xl {
|
||||
@media (width >= 40rem) {
|
||||
font-size: var(--text-7xl);
|
||||
line-height: var(--tw-leading, var(--text-7xl--line-height));
|
||||
}
|
||||
}
|
||||
.sm\:text-sm\/6 {
|
||||
@media (width >= 40rem) {
|
||||
font-size: var(--text-sm);
|
||||
line-height: calc(var(--spacing) * 6);
|
||||
}
|
||||
}
|
||||
.sm\:text-xl {
|
||||
@media (width >= 40rem) {
|
||||
font-size: var(--text-xl);
|
||||
line-height: var(--tw-leading, var(--text-xl--line-height));
|
||||
}
|
||||
}
|
||||
.sm\:text-xl\/8 {
|
||||
@media (width >= 40rem) {
|
||||
font-size: var(--text-xl);
|
||||
@@ -2687,12 +2590,6 @@
|
||||
font-weight: var(--font-weight-medium);
|
||||
}
|
||||
}
|
||||
.sm\:blur-3xl {
|
||||
@media (width >= 40rem) {
|
||||
--tw-blur: blur(var(--blur-3xl));
|
||||
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
||||
}
|
||||
}
|
||||
.md\:right-0 {
|
||||
@media (width >= 48rem) {
|
||||
right: calc(var(--spacing) * 0);
|
||||
@@ -2778,6 +2675,11 @@
|
||||
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%);
|
||||
@@ -2798,6 +2700,11 @@
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
}
|
||||
}
|
||||
.lg\:grid-cols-4 {
|
||||
@media (width >= 64rem) {
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
}
|
||||
}
|
||||
.lg\:grid-cols-6 {
|
||||
@media (width >= 64rem) {
|
||||
grid-template-columns: repeat(6, minmax(0, 1fr));
|
||||
@@ -2908,11 +2815,6 @@
|
||||
padding-inline: calc(var(--spacing) * 16);
|
||||
}
|
||||
}
|
||||
.lg\:py-24 {
|
||||
@media (width >= 64rem) {
|
||||
padding-block: calc(var(--spacing) * 24);
|
||||
}
|
||||
}
|
||||
.lg\:py-56 {
|
||||
@media (width >= 64rem) {
|
||||
padding-block: calc(var(--spacing) * 56);
|
||||
@@ -2938,11 +2840,6 @@
|
||||
padding-bottom: calc(var(--spacing) * 6);
|
||||
}
|
||||
}
|
||||
.lg\:pb-12 {
|
||||
@media (width >= 64rem) {
|
||||
padding-bottom: calc(var(--spacing) * 12);
|
||||
}
|
||||
}
|
||||
.lg\:pb-24 {
|
||||
@media (width >= 64rem) {
|
||||
padding-bottom: calc(var(--spacing) * 24);
|
||||
@@ -3032,20 +2929,6 @@
|
||||
color: var(--color-gray-300);
|
||||
}
|
||||
}
|
||||
.forced-colors\:data-active\:bg-\[Highlight\] {
|
||||
@media (forced-colors: active) {
|
||||
&[data-active] {
|
||||
background-color: Highlight;
|
||||
}
|
||||
}
|
||||
}
|
||||
.forced-colors\:data-focus\:outline-offset-4 {
|
||||
@media (forced-colors: active) {
|
||||
&[data-focus] {
|
||||
outline-offset: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.\[\&\:\:-webkit-scrollbar\]\:hidden {
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
|
||||
Reference in New Issue
Block a user