open-props
Version:
<div align="center">
1,898 lines • 46.6 kB
JSON
{
"borderRadius": {
"--radius-conditional-6": {
"value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-6))",
"type": "borderRadius"
},
"--radius-conditional-5": {
"value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-5))",
"type": "borderRadius"
},
"--radius-conditional-4": {
"value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-4))",
"type": "borderRadius"
},
"--radius-conditional-3": {
"value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-3))",
"type": "borderRadius"
},
"--radius-conditional-2": {
"value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-2))",
"type": "borderRadius"
},
"--radius-conditional-1": {
"value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1))",
"type": "borderRadius"
},
"--radius-blob-5": {
"value": "49% 51% 48% 52% / 57% 44% 56% 43%",
"type": "borderRadius"
},
"--radius-blob-4": {
"value": "63% 37% 37% 63% / 43% 37% 63% 57%",
"type": "borderRadius"
},
"--radius-blob-3": {
"value": "37% 63% 56% 44% / 49% 56% 44% 51%",
"type": "borderRadius"
},
"--radius-blob-2": {
"value": "53% 47% 34% 66% / 63% 46% 54% 37%",
"type": "borderRadius"
},
"--radius-blob-1": {
"value": "30% 70% 70% 30% / 53% 30% 70% 47%",
"type": "borderRadius"
},
"--radius-round": {
"value": "1e5px",
"type": "borderRadius"
},
"--radius-drawn-6": {
"value": "28px 100px 20px 15px / 150px 30px 205px 225px",
"type": "borderRadius"
},
"--radius-drawn-5": {
"value": "250px 25px 15px 20px / 15px 80px 105px 115px",
"type": "borderRadius"
},
"--radius-drawn-4": {
"value": "15px 25px 155px 25px / 225px 150px 25px 115px",
"type": "borderRadius"
},
"--radius-drawn-3": {
"value": "15px 255px 15px 225px / 225px 15px 255px 15px",
"type": "borderRadius"
},
"--radius-drawn-2": {
"value": "125px 10px 20px 185px / 25px 205px 205px 25px",
"type": "borderRadius"
},
"--radius-drawn-1": {
"value": "255px 15px 225px 15px / 15px 225px 15px 255px",
"type": "borderRadius"
},
"--radius-6": {
"value": "8rem",
"type": "borderRadius"
},
"--radius-5": {
"value": "4rem",
"type": "borderRadius"
},
"--radius-4": {
"value": "2rem",
"type": "borderRadius"
},
"--radius-3": {
"value": "1rem",
"type": "borderRadius"
},
"--radius-2": {
"value": "5px",
"type": "borderRadius"
},
"--radius-1": {
"value": "2px",
"type": "borderRadius"
}
},
"borderWidth": {
"--border-size-5": {
"value": "25px",
"type": "borderWidth"
},
"--border-size-4": {
"value": "10px",
"type": "borderWidth"
},
"--border-size-3": {
"value": "5px",
"type": "borderWidth"
},
"--border-size-2": {
"value": "2px",
"type": "borderWidth"
},
"--border-size-1": {
"value": "1px",
"type": "borderWidth"
}
},
"other": {
"--noise-filter-5": {
"value": "contrast(200%) brightness(1000%)",
"type": "other"
},
"--noise-filter-4": {
"value": "contrast(200%) brightness(500%)",
"type": "other"
},
"--noise-filter-3": {
"value": "contrast(200%) brightness(250%)",
"type": "other"
},
"--noise-filter-2": {
"value": "contrast(200%) brightness(150%)",
"type": "other"
},
"--noise-filter-1": {
"value": "contrast(300%) brightness(100%)",
"type": "other"
},
"--noise-5": {
"value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
"type": "other"
},
"--noise-4": {
"value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
"type": "other"
},
"--noise-3": {
"value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
"type": "other"
},
"--noise-2": {
"value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
"type": "other"
},
"--noise-1": {
"value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
"type": "other"
},
"--gradient-30": {
"value": "radial-gradient(\n circle at top right, \n hsl(150 100% 50%), hsl(150 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(150 100% 84%), hsl(150 100% 84% / 0%)\n )",
"type": "other"
},
"--gradient-29": {
"value": "\n radial-gradient(\n circle at top right, \n hsl(250 100% 85%), hsl(250 100% 85% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(220 90% 75%), hsl(220 90% 75% / 0%)\n )",
"type": "other"
},
"--gradient-28": {
"value": "conic-gradient(from -90deg at 50% 105%, white, orchid)",
"type": "other"
},
"--gradient-27": {
"value": "conic-gradient(from .5turn at bottom left, deeppink, rebeccapurple)",
"type": "other"
},
"--gradient-26": {
"value": "linear-gradient(to bottom right,#9796f0,#fbc7d4)",
"type": "other"
},
"--gradient-25": {
"value": "conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7)",
"type": "other"
},
"--gradient-24": {
"value": "conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476)",
"type": "other"
},
"--gradient-23": {
"value": "linear-gradient(to bottom right,#536976,#292E49)",
"type": "other"
},
"--gradient-22": {
"value": "linear-gradient(to bottom right,#acb6e5,#86fde8)",
"type": "other"
},
"--gradient-21": {
"value": "conic-gradient(from -90deg at 25% 115%, #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff)",
"type": "other"
},
"--gradient-20": {
"value": "conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4)",
"type": "other"
},
"--gradient-19": {
"value": "linear-gradient(to bottom right,#ffe259,#ffa751)",
"type": "other"
},
"--gradient-18": {
"value": "\n linear-gradient(0deg, hsla(0 100% 50% / 80%), hsla(0 100% 50% / 0) 75%),\n linear-gradient(60deg, hsla(60 100% 50% / 80%), hsla(60 100% 50% / 0) 75%),\n linear-gradient(120deg, hsla(120 100% 50% / 80%), hsla(120 100% 50% / 0) 75%),\n linear-gradient(180deg, hsla(180 100% 50% / 80%), hsla(180 100% 50% / 0) 75%),\n linear-gradient(240deg, hsla(240 100% 50% / 80%), hsla(240 100% 50% / 0) 75%),\n linear-gradient(300deg, hsla(300 100% 50% / 80%), hsla(300 100% 50% / 0) 75%)\n ",
"type": "other"
},
"--gradient-17": {
"value": "conic-gradient(from -90deg at 50% -25%, blue, blueviolet)",
"type": "other"
},
"--gradient-16": {
"value": "radial-gradient(circle at 50% -250%, #374151, #111827, #000)",
"type": "other"
},
"--gradient-15": {
"value": "linear-gradient(to bottom right, #c7d2fe, #fecaca, #fef3c7)",
"type": "other"
},
"--gradient-14": {
"value": "conic-gradient(at top right, lime, cyan)",
"type": "other"
},
"--gradient-13": {
"value": "radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7)",
"type": "other"
},
"--gradient-12": {
"value": "conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85)",
"type": "other"
},
"--gradient-11": {
"value": "conic-gradient(at bottom left, deeppink, cyan)",
"type": "other"
},
"--gradient-10": {
"value": "conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700)",
"type": "other"
},
"--gradient-9": {
"value": "conic-gradient(from .5turn at bottom center, lightblue, white)",
"type": "other"
},
"--gradient-8": {
"value": "conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111)",
"type": "other"
},
"--gradient-7": {
"value": "linear-gradient(to bottom right,#72C6EF,#004E8F)",
"type": "other"
},
"--gradient-6": {
"value": "conic-gradient(from -90deg at top left, black, white)",
"type": "other"
},
"--gradient-5": {
"value": "conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite)",
"type": "other"
},
"--gradient-4": {
"value": "linear-gradient(to bottom right,#00F5A0,#00D9F5)",
"type": "other"
},
"--gradient-3": {
"value": "\n radial-gradient(\n circle at top right, \n hsl(180 100% 50%), hsl(180 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(328 100% 54%), hsl(328 100% 54% / 0%)\n )",
"type": "other"
},
"--gradient-2": {
"value": "linear-gradient(to bottom right,#48005c, #8300e2, #a269ff)",
"type": "other"
},
"--gradient-1": {
"value": "linear-gradient(to bottom right,#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b)",
"type": "other"
},
"--ratio-golden": {
"value": "1.6180/1",
"type": "other"
},
"--ratio-ultrawide": {
"value": "18/5",
"type": "other"
},
"--ratio-widescreen": {
"value": "16/9",
"type": "other"
},
"--ratio-portrait": {
"value": "3/4",
"type": "other"
},
"--ratio-landscape": {
"value": "4/3",
"type": "other"
},
"--ratio-square": {
"value": "1",
"type": "other"
},
"--layer-important": {
"value": 2147483647,
"type": "other"
},
"--layer-5": {
"value": 5,
"type": "other"
},
"--layer-4": {
"value": 4,
"type": "other"
},
"--layer-3": {
"value": 3,
"type": "other"
},
"--layer-2": {
"value": 2,
"type": "other"
},
"--layer-1": {
"value": 1,
"type": "other"
},
"--ease-bounce-5": {
"value": "linear(\n 0, 0.004, 0.016 2.5%, 0.063, 0.141, 0.25 10.1%, 0.562, 1 20.2%, 0.783, 0.627,\n 0.534 30.9%, 0.511, 0.503, 0.511, 0.534 38%, 0.627, 0.782, 1 48.7%, 0.892,\n 0.815, 0.769 56.3%, 0.757, 0.753, 0.757, 0.769 61.3%, 0.815, 0.892, 1 68.8%,\n 0.908 72.4%, 0.885, 0.878, 0.885, 0.908 79.4%, 1 83%, 0.954 85.5%, 0.943,\n 0.939, 0.943, 0.954 90.5%, 1 93%, 0.977, 0.97, 0.977, 1\n )",
"type": "other"
},
"--ease-bounce-4": {
"value": "linear(\n 0, 0.004, 0.016 3%, 0.062, 0.141, 0.25, 0.391, 0.562 18.2%, 1 24.3%, 0.81,\n 0.676 32.3%, 0.629, 0.595, 0.575, 0.568, 0.575, 0.595, 0.629, 0.676 48.2%,\n 0.811, 1 56.2%, 0.918, 0.86, 0.825, 0.814, 0.825, 0.86, 0.918, 1 77.2%,\n 0.94 80.6%, 0.925, 0.92, 0.925, 0.94 87.5%, 1 90.9%, 0.974, 0.965, 0.974, 1\n )",
"type": "other"
},
"--ease-bounce-3": {
"value": "linear(\n 0, 0.004, 0.016, 0.035, 0.062, 0.098, 0.141 11.4%, 0.25, 0.39, 0.562, 0.764,\n 1 30.3%, 0.847 34.8%, 0.787, 0.737, 0.699, 0.672, 0.655, 0.65, 0.656, 0.672,\n 0.699, 0.738, 0.787, 0.847 61.7%, 1 66.2%, 0.946, 0.908, 0.885 74.2%, 0.879,\n 0.878, 0.879, 0.885 79.5%, 0.908, 0.946, 1 87.4%, 0.981, 0.968, 0.96, 0.957,\n 0.96, 0.968, 0.981, 1\n )",
"type": "other"
},
"--ease-bounce-2": {
"value": "linear(\n 0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141 15.1%, 0.25, 0.391, 0.562, 0.765,\n 1, 0.892 45.2%, 0.849, 0.815, 0.788, 0.769, 0.757, 0.753, 0.757, 0.769, 0.788,\n 0.815, 0.85, 0.892 75.2%, 1 80.2%, 0.973, 0.954, 0.943, 0.939, 0.943, 0.954,\n 0.973, 1\n )",
"type": "other"
},
"--ease-bounce-1": {
"value": "linear(\n 0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141, 0.191, 0.25, 0.316, 0.391 36.8%,\n 0.563, 0.766, 1 58.8%, 0.946, 0.908 69.1%, 0.895, 0.885, 0.879, 0.878, 0.879,\n 0.885, 0.895, 0.908 89.7%, 0.946, 1\n )",
"type": "other"
},
"--ease-spring-5": {
"value": "linear(\n 0, 0.01, 0.04 1.6%, 0.161 3.3%, 0.816 9.4%, 1.046, 1.189 14.4%, 1.231,\n 1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, 0.999 29.4%,\n 0.955 32.1%, 0.942, 0.935 34.9%, 0.933, 0.939 38.4%, 1 47.3%, 1.011,\n 1.017 52.6%, 1.016 56.4%, 1 65.2%, 0.996 70.2%, 1.001 87.2%, 1\n )",
"type": "other"
},
"--ease-spring-4": {
"value": "linear(\n 0, 0.009, 0.037 1.7%, 0.153 3.6%, 0.776 10.3%, 1.001, 1.142 16%, 1.185,\n 1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, 0.973,\n 0.955 39.2%, 0.953 41.1%, 0.957 43.3%, 0.998 53.3%, 1.009 59.1% 63.7%,\n 0.998 78.9%, 1\n )",
"type": "other"
},
"--ease-spring-3": {
"value": "linear(\n 0, 0.009, 0.035 2.1%, 0.141 4.4%, 0.723 12.9%, 0.938 16.7%, 1.017, 1.077,\n 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%,\n 1.051 39.6%, 1.017 43.1%, 0.991, 0.977 51%, 0.974 53.8%, 0.975 57.1%,\n 0.997 69.8%, 1.003 76.9%, 1\n )",
"type": "other"
},
"--ease-spring-2": {
"value": "linear(\n 0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962,\n 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%,\n 0.999 61.6%, 0.995 71.2%, 1\n )",
"type": "other"
},
"--ease-spring-1": {
"value": "linear(\n 0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%,\n 0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%,\n 1.001\n )",
"type": "other"
},
"--ease-squish-5": {
"value": "var(--ease-elastic-in-out-5)",
"type": "other"
},
"--ease-squish-4": {
"value": "var(--ease-elastic-in-out-4)",
"type": "other"
},
"--ease-squish-3": {
"value": "var(--ease-elastic-in-out-3)",
"type": "other"
},
"--ease-squish-2": {
"value": "var(--ease-elastic-in-out-2)",
"type": "other"
},
"--ease-squish-1": {
"value": "var(--ease-elastic-in-out-1)",
"type": "other"
},
"--ease-elastic-5": {
"value": "var(--ease-elastic-out-5)",
"type": "other"
},
"--ease-elastic-4": {
"value": "var(--ease-elastic-out-4)",
"type": "other"
},
"--ease-elastic-3": {
"value": "var(--ease-elastic-out-3)",
"type": "other"
},
"--ease-elastic-2": {
"value": "var(--ease-elastic-out-2)",
"type": "other"
},
"--ease-elastic-1": {
"value": "var(--ease-elastic-out-1)",
"type": "other"
},
"--ease-step-5": {
"value": "steps(10)",
"type": "other"
},
"--ease-step-4": {
"value": "steps(7)",
"type": "other"
},
"--ease-step-3": {
"value": "steps(4)",
"type": "other"
},
"--ease-step-2": {
"value": "steps(3)",
"type": "other"
},
"--ease-step-1": {
"value": "steps(2)",
"type": "other"
},
"--ease-elastic-in-out-5": {
"value": "cubic-bezier(.5, -.9, .1, 1.5)",
"type": "other"
},
"--ease-elastic-in-out-4": {
"value": "cubic-bezier(.5, -.7, .1, 1.5)",
"type": "other"
},
"--ease-elastic-in-out-3": {
"value": "cubic-bezier(.5, -.5, .1, 1.5)",
"type": "other"
},
"--ease-elastic-in-out-2": {
"value": "cubic-bezier(.5, -.3, .1, 1.5)",
"type": "other"
},
"--ease-elastic-in-out-1": {
"value": "cubic-bezier(.5, -.1, .1, 1.5)",
"type": "other"
},
"--ease-elastic-in-5": {
"value": "cubic-bezier(.5, -1.25, .75, 1)",
"type": "other"
},
"--ease-elastic-in-4": {
"value": "cubic-bezier(.5, -1.00, .75, 1)",
"type": "other"
},
"--ease-elastic-in-3": {
"value": "cubic-bezier(.5, -0.75, .75, 1)",
"type": "other"
},
"--ease-elastic-in-2": {
"value": "cubic-bezier(.5, -0.50, .75, 1)",
"type": "other"
},
"--ease-elastic-in-1": {
"value": "cubic-bezier(.5, -0.25, .75, 1)",
"type": "other"
},
"--ease-elastic-out-5": {
"value": "cubic-bezier(.5, 1.75, .75, 1.25)",
"type": "other"
},
"--ease-elastic-out-4": {
"value": "cubic-bezier(.5, 1.5, .75, 1.25)",
"type": "other"
},
"--ease-elastic-out-3": {
"value": "cubic-bezier(.5, 1.25, .75, 1.25)",
"type": "other"
},
"--ease-elastic-out-2": {
"value": "cubic-bezier(.5, 1, .75, 1.25)",
"type": "other"
},
"--ease-elastic-out-1": {
"value": "cubic-bezier(.5, .75, .75, 1.25)",
"type": "other"
},
"--ease-in-out-5": {
"value": "cubic-bezier(.9, 0, .1, 1)",
"type": "other"
},
"--ease-in-out-4": {
"value": "cubic-bezier(.7, 0, .3, 1)",
"type": "other"
},
"--ease-in-out-3": {
"value": "cubic-bezier(.5, 0, .5, 1)",
"type": "other"
},
"--ease-in-out-2": {
"value": "cubic-bezier(.3, 0, .7, 1)",
"type": "other"
},
"--ease-in-out-1": {
"value": "cubic-bezier(.1, 0, .9, 1)",
"type": "other"
},
"--ease-out-5": {
"value": "cubic-bezier(0, 0, 0, 1)",
"type": "other"
},
"--ease-out-4": {
"value": "cubic-bezier(0, 0, .1, 1)",
"type": "other"
},
"--ease-out-3": {
"value": "cubic-bezier(0, 0, .3, 1)",
"type": "other"
},
"--ease-out-2": {
"value": "cubic-bezier(0, 0, .50, 1)",
"type": "other"
},
"--ease-out-1": {
"value": "cubic-bezier(0, 0, .75, 1)",
"type": "other"
},
"--ease-in-5": {
"value": "cubic-bezier(1, 0, 1, 1)",
"type": "other"
},
"--ease-in-4": {
"value": "cubic-bezier(.90, 0, 1, 1)",
"type": "other"
},
"--ease-in-3": {
"value": "cubic-bezier(.70, 0, 1, 1)",
"type": "other"
},
"--ease-in-2": {
"value": "cubic-bezier(.50, 0, 1, 1)",
"type": "other"
},
"--ease-in-1": {
"value": "cubic-bezier(.25, 0, 1, 1)",
"type": "other"
},
"--ease-5": {
"value": "cubic-bezier(.25, 0, .1, 1)",
"type": "other"
},
"--ease-4": {
"value": "cubic-bezier(.25, 0, .2, 1)",
"type": "other"
},
"--ease-3": {
"value": "cubic-bezier(.25, 0, .3, 1)",
"type": "other"
},
"--ease-2": {
"value": "cubic-bezier(.25, 0, .4, 1)",
"type": "other"
},
"--ease-1": {
"value": "cubic-bezier(.25, 0, .5, 1)",
"type": "other"
}
},
"sizing": {
"--size-relative-15": {
"value": "30ch",
"type": "sizing"
},
"--size-relative-14": {
"value": "20ch",
"type": "sizing"
},
"--size-relative-13": {
"value": "15ch",
"type": "sizing"
},
"--size-relative-12": {
"value": "10ch",
"type": "sizing"
},
"--size-relative-11": {
"value": "7.5ch",
"type": "sizing"
},
"--size-relative-10": {
"value": "5ch",
"type": "sizing"
},
"--size-relative-9": {
"value": "4ch",
"type": "sizing"
},
"--size-relative-8": {
"value": "3ch",
"type": "sizing"
},
"--size-relative-7": {
"value": "2ch",
"type": "sizing"
},
"--size-relative-6": {
"value": "1.75ch",
"type": "sizing"
},
"--size-relative-5": {
"value": "1.5ch",
"type": "sizing"
},
"--size-relative-4": {
"value": "1.25ch",
"type": "sizing"
},
"--size-relative-3": {
"value": "1ch",
"type": "sizing"
},
"--size-relative-2": {
"value": ".5ch",
"type": "sizing"
},
"--size-relative-1": {
"value": ".25ch",
"type": "sizing"
},
"--size-relative-00": {
"value": "-.25ch",
"type": "sizing"
},
"--size-relative-000": {
"value": "-.5ch",
"type": "sizing"
},
"--size-xxl": {
"value": "1920px",
"type": "sizing"
},
"--size-xl": {
"value": "1440px",
"type": "sizing"
},
"--size-lg": {
"value": "1024px",
"type": "sizing"
},
"--size-md": {
"value": "768px",
"type": "sizing"
},
"--size-sm": {
"value": "480px",
"type": "sizing"
},
"--size-xs": {
"value": "360px",
"type": "sizing"
},
"--size-xxs": {
"value": "240px",
"type": "sizing"
},
"--size-header-3": {
"value": "35ch",
"type": "sizing"
},
"--size-header-2": {
"value": "25ch",
"type": "sizing"
},
"--size-header-1": {
"value": "20ch",
"type": "sizing"
},
"--size-content-3": {
"value": "60ch",
"type": "sizing"
},
"--size-content-2": {
"value": "45ch",
"type": "sizing"
},
"--size-content-1": {
"value": "20ch",
"type": "sizing"
},
"--size-fluid-10": {
"value": "clamp(20rem, 40vw, 30rem)",
"type": "sizing"
},
"--size-fluid-9": {
"value": "clamp(15rem, 30vw, 20rem)",
"type": "sizing"
},
"--size-fluid-8": {
"value": "clamp(10rem, 20vw, 15rem)",
"type": "sizing"
},
"--size-fluid-7": {
"value": "clamp(7.5rem, 10vw, 10rem)",
"type": "sizing"
},
"--size-fluid-6": {
"value": "clamp(5rem, 7vw, 7.5rem)",
"type": "sizing"
},
"--size-fluid-5": {
"value": "clamp(4rem, 5vw, 5rem)",
"type": "sizing"
},
"--size-fluid-4": {
"value": "clamp(2rem, 4vw, 3rem)",
"type": "sizing"
},
"--size-fluid-3": {
"value": "clamp(1.5rem, 3vw, 2rem)",
"type": "sizing"
},
"--size-fluid-2": {
"value": "clamp(1rem, 2vw, 1.5rem)",
"type": "sizing"
},
"--size-fluid-1": {
"value": "clamp(.5rem, 1vw, 1rem)",
"type": "sizing"
},
"--size-px-15": {
"value": "480px",
"type": "sizing"
},
"--size-px-14": {
"value": "320px",
"type": "sizing"
},
"--size-px-13": {
"value": "240px",
"type": "sizing"
},
"--size-px-12": {
"value": "160px",
"type": "sizing"
},
"--size-px-11": {
"value": "120px",
"type": "sizing"
},
"--size-px-10": {
"value": "80px",
"type": "sizing"
},
"--size-px-9": {
"value": "64px",
"type": "sizing"
},
"--size-px-8": {
"value": "48px",
"type": "sizing"
},
"--size-px-7": {
"value": "32px",
"type": "sizing"
},
"--size-px-6": {
"value": "28px",
"type": "sizing"
},
"--size-px-5": {
"value": "24px",
"type": "sizing"
},
"--size-px-4": {
"value": "20px",
"type": "sizing"
},
"--size-px-3": {
"value": "16px",
"type": "sizing"
},
"--size-px-2": {
"value": "8px",
"type": "sizing"
},
"--size-px-1": {
"value": "4px",
"type": "sizing"
},
"--size-px-00": {
"value": "-4px",
"type": "sizing"
},
"--size-px-000": {
"value": "-8px",
"type": "sizing"
},
"--size-15": {
"value": "30rem",
"type": "sizing"
},
"--size-14": {
"value": "20rem",
"type": "sizing"
},
"--size-13": {
"value": "15rem",
"type": "sizing"
},
"--size-12": {
"value": "10rem",
"type": "sizing"
},
"--size-11": {
"value": "7.5rem",
"type": "sizing"
},
"--size-10": {
"value": "5rem",
"type": "sizing"
},
"--size-9": {
"value": "4rem",
"type": "sizing"
},
"--size-8": {
"value": "3rem",
"type": "sizing"
},
"--size-7": {
"value": "2rem",
"type": "sizing"
},
"--size-6": {
"value": "1.75rem",
"type": "sizing"
},
"--size-5": {
"value": "1.5rem",
"type": "sizing"
},
"--size-4": {
"value": "1.25rem",
"type": "sizing"
},
"--size-3": {
"value": "1rem",
"type": "sizing"
},
"--size-2": {
"value": ".5rem",
"type": "sizing"
},
"--size-1": {
"value": ".25rem",
"type": "sizing"
},
"--size-00": {
"value": "-.25rem",
"type": "sizing"
},
"--size-000": {
"value": "-.5rem",
"type": "sizing"
}
},
"color": {
"yellow": {
"--yellow-12": {
"value": "#663500",
"type": "color"
},
"--yellow-11": {
"value": "#804200",
"type": "color"
},
"--yellow-10": {
"value": "#b35c00",
"type": "color"
},
"--yellow-9": {
"value": "#e67700",
"type": "color"
},
"--yellow-8": {
"value": "#f08c00",
"type": "color"
},
"--yellow-7": {
"value": "#f59f00",
"type": "color"
},
"--yellow-6": {
"value": "#fab005",
"type": "color"
},
"--yellow-5": {
"value": "#fcc419",
"type": "color"
},
"--yellow-4": {
"value": "#ffd43b",
"type": "color"
},
"--yellow-3": {
"value": "#ffe066",
"type": "color"
},
"--yellow-2": {
"value": "#ffec99",
"type": "color"
},
"--yellow-1": {
"value": "#fff3bf",
"type": "color"
},
"--yellow-0": {
"value": "#fff9db",
"type": "color"
}
},
"violet": {
"--violet-12": {
"value": "#3a2578",
"type": "color"
},
"--violet-11": {
"value": "#462d91",
"type": "color"
},
"--violet-10": {
"value": "#5235ab",
"type": "color"
},
"--violet-9": {
"value": "#5f3dc4",
"type": "color"
},
"--violet-8": {
"value": "#6741d9",
"type": "color"
},
"--violet-7": {
"value": "#7048e8",
"type": "color"
},
"--violet-6": {
"value": "#7950f2",
"type": "color"
},
"--violet-5": {
"value": "#845ef7",
"type": "color"
},
"--violet-4": {
"value": "#9775fa",
"type": "color"
},
"--violet-3": {
"value": "#b197fc",
"type": "color"
},
"--violet-2": {
"value": "#d0bfff",
"type": "color"
},
"--violet-1": {
"value": "#e5dbff",
"type": "color"
},
"--violet-0": {
"value": "#f3f0ff",
"type": "color"
}
},
"teal": {
"--teal-12": {
"value": "#033325",
"type": "color"
},
"--teal-11": {
"value": "#054d37",
"type": "color"
},
"--teal-10": {
"value": "#066649",
"type": "color"
},
"--teal-9": {
"value": "#087f5b",
"type": "color"
},
"--teal-8": {
"value": "#099268",
"type": "color"
},
"--teal-7": {
"value": "#0ca678",
"type": "color"
},
"--teal-6": {
"value": "#12b886",
"type": "color"
},
"--teal-5": {
"value": "#20c997",
"type": "color"
},
"--teal-4": {
"value": "#38d9a9",
"type": "color"
},
"--teal-3": {
"value": "#63e6be",
"type": "color"
},
"--teal-2": {
"value": "#96f2d7",
"type": "color"
},
"--teal-1": {
"value": "#c3fae8",
"type": "color"
},
"--teal-0": {
"value": "#e6fcf5",
"type": "color"
}
},
"stone": {
"--stone-12": {
"value": "#121210",
"type": "color"
},
"--stone-11": {
"value": "#252521",
"type": "color"
},
"--stone-10": {
"value": "#3a3a37",
"type": "color"
},
"--stone-9": {
"value": "#50514f",
"type": "color"
},
"--stone-8": {
"value": "#666968",
"type": "color"
},
"--stone-7": {
"value": "#7e8282",
"type": "color"
},
"--stone-6": {
"value": "#979b9d",
"type": "color"
},
"--stone-5": {
"value": "#b1b6b9",
"type": "color"
},
"--stone-4": {
"value": "#d1d6d8",
"type": "color"
},
"--stone-3": {
"value": "#e0e4e5",
"type": "color"
},
"--stone-2": {
"value": "#ebedef",
"type": "color"
},
"--stone-1": {
"value": "#f2f4f6",
"type": "color"
},
"--stone-0": {
"value": "#f8fafb",
"type": "color"
}
},
"sand": {
"--sand-12": {
"value": "#121210",
"type": "color"
},
"--sand-11": {
"value": "#252521",
"type": "color"
},
"--sand-10": {
"value": "#38352d",
"type": "color"
},
"--sand-9": {
"value": "#4b4639",
"type": "color"
},
"--sand-8": {
"value": "#5f5746",
"type": "color"
},
"--sand-7": {
"value": "#736a53",
"type": "color"
},
"--sand-6": {
"value": "#867c65",
"type": "color"
},
"--sand-5": {
"value": "#9a9178",
"type": "color"
},
"--sand-4": {
"value": "#aea58c",
"type": "color"
},
"--sand-3": {
"value": "#c2b9a0",
"type": "color"
},
"--sand-2": {
"value": "#d5cfbd",
"type": "color"
},
"--sand-1": {
"value": "#e6e4dc",
"type": "color"
},
"--sand-0": {
"value": "#f8fafb",
"type": "color"
}
},
"red": {
"--red-12": {
"value": "#7d1a1a",
"type": "color"
},
"--red-11": {
"value": "#962020",
"type": "color"
},
"--red-10": {
"value": "#b02525",
"type": "color"
},
"--red-9": {
"value": "#c92a2a",
"type": "color"
},
"--red-8": {
"value": "#e03131",
"type": "color"
},
"--red-7": {
"value": "#f03e3e",
"type": "color"
},
"--red-6": {
"value": "#fa5252",
"type": "color"
},
"--red-5": {
"value": "#ff6b6b",
"type": "color"
},
"--red-4": {
"value": "#ff8787",
"type": "color"
},
"--red-3": {
"value": "#ffa8a8",
"type": "color"
},
"--red-2": {
"value": "#ffc9c9",
"type": "color"
},
"--red-1": {
"value": "#ffe3e3",
"type": "color"
},
"--red-0": {
"value": "#fff5f5",
"type": "color"
}
},
"purple": {
"--purple-12": {
"value": "#44174f",
"type": "color"
},
"--purple-11": {
"value": "#5a1e69",
"type": "color"
},
"--purple-10": {
"value": "#702682",
"type": "color"
},
"--purple-9": {
"value": "#862e9c",
"type": "color"
},
"--purple-8": {
"value": "#9c36b5",
"type": "color"
},
"--purple-7": {
"value": "#ae3ec9",
"type": "color"
},
"--purple-6": {
"value": "#be4bdb",
"type": "color"
},
"--purple-5": {
"value": "#cc5de8",
"type": "color"
},
"--purple-4": {
"value": "#da77f2",
"type": "color"
},
"--purple-3": {
"value": "#e599f7",
"type": "color"
},
"--purple-2": {
"value": "#eebefa",
"type": "color"
},
"--purple-1": {
"value": "#f3d9fa",
"type": "color"
},
"--purple-0": {
"value": "#f8f0fc",
"type": "color"
}
},
"pink": {
"--pink-12": {
"value": "#59102a",
"type": "color"
},
"--pink-11": {
"value": "#731536",
"type": "color"
},
"--pink-10": {
"value": "#8c1941",
"type": "color"
},
"--pink-9": {
"value": "#a61e4d",
"type": "color"
},
"--pink-8": {
"value": "#c2255c",
"type": "color"
},
"--pink-7": {
"value": "#d6336c",
"type": "color"
},
"--pink-6": {
"value": "#e64980",
"type": "color"
},
"--pink-5": {
"value": "#f06595",
"type": "color"
},
"--pink-4": {
"value": "#f783ac",
"type": "color"
},
"--pink-3": {
"value": "#faa2c1",
"type": "color"
},
"--pink-2": {
"value": "#fcc2d7",
"type": "color"
},
"--pink-1": {
"value": "#ffdeeb",
"type": "color"
},
"--pink-0": {
"value": "#fff0f6",
"type": "color"
}
},
"orange": {
"--orange-12": {
"value": "#802b09",
"type": "color"
},
"--orange-11": {
"value": "#99330b",
"type": "color"
},
"--orange-10": {
"value": "#bf400d",
"type": "color"
},
"--orange-9": {
"value": "#d9480f",
"type": "color"
},
"--orange-8": {
"value": "#e8590c",
"type": "color"
},
"--orange-7": {
"value": "#f76707",
"type": "color"
},
"--orange-6": {
"value": "#fd7e14",
"type": "color"
},
"--orange-5": {
"value": "#ff922b",
"type": "color"
},
"--orange-4": {
"value": "#ffa94d",
"type": "color"
},
"--orange-3": {
"value": "#ffc078",
"type": "color"
},
"--orange-2": {
"value": "#ffd8a8",
"type": "color"
},
"--orange-1": {
"value": "#ffe8cc",
"type": "color"
},
"--orange-0": {
"value": "#fff4e6",
"type": "color"
}
},
"lime": {
"--lime-12": {
"value": "#2c4706",
"type": "color"
},
"--lime-11": {
"value": "#3c6109",
"type": "color"
},
"--lime-10": {
"value": "#4c7a0b",
"type": "color"
},
"--lime-9": {
"value": "#5c940d",
"type": "color"
},
"--lime-8": {
"value": "#66a80f",
"type": "color"
},
"--lime-7": {
"value": "#74b816",
"type": "color"
},
"--lime-6": {
"value": "#82c91e",
"type": "color"
},
"--lime-5": {
"value": "#94d82d",
"type": "color"
},
"--lime-4": {
"value": "#a9e34b",
"type": "color"
},
"--lime-3": {
"value": "#c0eb75",
"type": "color"
},
"--lime-2": {
"value": "#d8f5a2",
"type": "color"
},
"--lime-1": {
"value": "#e9fac8",
"type": "color"
},
"--lime-0": {
"value": "#f4fce3",
"type": "color"
}
},
"jungle": {
"--jungle-12": {
"value": "#3d4d04",
"type": "color"
},
"--jungle-11": {
"value": "#516605",
"type": "color"
},
"--jungle-10": {
"value": "#658006",
"type": "color"
},
"--jungle-9": {
"value": "#7a9908",
"type": "color"
},
"--jungle-8": {
"value": "#84a513",
"type": "color"
},
"--jungle-7": {
"value": "#8fb024",
"type": "color"
},
"--jungle-6": {
"value": "#9bbb36",
"type": "color"
},
"--jungle-5": {
"value": "#a8c648",
"type": "color"
},
"--jungle-4": {
"value": "#b5d15b",
"type": "color"
},
"--jungle-3": {
"value": "#c2dd6e",
"type": "color"
},
"--jungle-2": {
"value": "#d0e884",
"type": "color"
},
"--jungle-1": {
"value": "#def39a",
"type": "color"
},
"--jungle-0": {
"value": "#ecfeb0",
"type": "color"
}
},
"indigo": {
"--indigo-12": {
"value": "#21307a",
"type": "color"
},
"--indigo-11": {
"value": "#283a94",
"type": "color"
},
"--indigo-10": {
"value": "#2f44ad",
"type": "color"
},
"--indigo-9": {
"value": "#364fc7",
"type": "color"
},
"--indigo-8": {
"value": "#3b5bdb",
"type": "color"
},
"--indigo-7": {
"value": "#4263eb",
"type": "color"
},
"--indigo-6": {
"value": "#4c6ef5",
"type": "color"
},
"--indigo-5": {
"value": "#5c7cfa",
"type": "color"
},
"--indigo-4": {
"value": "#748ffc",
"type": "color"
},
"--indigo-3": {
"value": "#91a7ff",
"type": "color"
},
"--indigo-2": {
"value": "#bac8ff",
"type": "color"
},
"--indigo-1": {
"value": "#dbe4ff",
"type": "color"
},
"--indigo-0": {
"value": "#edf2ff",
"type": "color"
}
},
"green": {
"--green-12": {
"value": "#133d1b",
"type": "color"
},
"--green-11": {
"value": "#1b5727",
"type": "color"
},
"--green-10": {
"value": "#237032",
"type": "color"
},
"--green-9": {
"value": "#2b8a3e",
"type": "color"
},
"--green-8": {
"value": "#2f9e44",
"type": "color"
},
"--green-7": {
"value": "#37b24d",
"type": "color"
},
"--green-6": {
"value": "#40c057",
"type": "color"
},
"--green-5": {
"value": "#51cf66",
"type": "color"
},
"--green-4": {
"value": "#69db7c",
"type": "color"
},
"--green-3": {
"value": "#8ce99a",
"type": "color"
},
"--green-2": {
"value": "#b2f2bb",
"type": "color"
},
"--green-1": {
"value": "#d3f9d8",
"type": "color"
},
"--green-0": {
"value": "#ebfbee",
"type": "color"
}
},
"gray": {
"--gray-12": {
"value": "#030507",
"type": "color"
},
"--gray-11": {
"value": "#0d0f12",
"type": "color"
},
"--gray-10": {
"value": "#16191d",
"type": "color"
},
"--gray-9": {
"value": "#212529",
"type": "color"
},
"--gray-8": {
"value": "#343a40",
"type": "color"
},
"--gray-7": {
"value": "#495057",
"type": "color"
},
"--gray-6": {
"value": "#868e96",
"type": "color"
},
"--gray-5": {
"value": "#adb5bd",
"type": "color"
},
"--gray-4": {
"value": "#ced4da",
"type": "color"
},
"--gray-3": {
"value": "#dee2e6",
"type": "color"
},
"--gray-2": {
"value": "#e9ecef",
"type": "color"
},
"--gray-1": {
"value": "#f1f3f5",
"type": "color"
},
"--gray-0": {
"value": "#f8f9fa",
"type": "color"
}
},
"cyan": {
"--cyan-12": {
"value": "#053038",
"type": "color"
},
"--cyan-11": {
"value": "#074652",
"type": "color"
},
"--cyan-10": {
"value": "#095c6b",
"type": "color"
},
"--cyan-9": {
"value": "#0b7285",
"type": "color"
},
"--cyan-8": {
"value": "#0c8599",
"type": "color"
},
"--cyan-7": {
"value": "#1098ad",
"type": "color"
},
"--cyan-6": {
"value": "#15aabf",
"type": "color"
},
"--cyan-5": {
"value": "#22b8cf",
"type": "color"
},
"--cyan-4": {
"value": "#3bc9db",
"type": "color"
},
"--cyan-3": {
"value": "#66d9e8",
"type": "color"
},
"--cyan-2": {
"value": "#99e9f2",
"type": "color"
},
"--cyan-1": {
"value": "#c5f6fa",
"type": "color"
},
"--cyan-0": {
"value": "#e3fafc",
"type": "color"
}
},
"choco": {
"--choco-12": {
"value": "#3d210d",
"type": "color"
},
"--choco-11": {
"value": "#572f12",
"type": "color"
},
"--choco-10": {
"value": "#703a13",
"type": "color"
},
"--choco-9": {
"value": "#8a4513",
"type": "color"
},
"--choco-8": {
"value": "#a45117",
"type": "color"
},
"--choco-7": {
"value": "#bd5f1b",
"type": "color"
},
"--choco-6": {
"value": "#d46e25",
"type": "color"
},
"--choco-5": {
"value": "#df8545",
"type": "color"
},
"--choco-4": {
"value": "#e99b62",
"type": "color"
},
"--choco-3": {
"value": "#f1b280",
"type": "color"
},
"--choco-2": {
"value": "#f7ca9e",
"type": "color"
},
"--choco-1": {
"value": "#fce1bc",
"type": "color"
},
"--choco-0": {
"value": "#fff8dc",
"type": "color"
}
},
"camo": {
"--camo-12": {
"value": "#36300a",
"type": "color"
},
"--camo-11": {
"value": "#4d460e",
"type": "color"
},
"--camo-10": {
"value": "#5d5411",
"type": "color"
},
"--camo-9": {
"value": "#6d6414",
"type": "color"
},
"--camo-8": {
"value": "#7e7416",
"type": "color"
},
"--camo-7": {
"value": "#8c851c",
"type": "color"
},
"--camo-6": {
"value": "#999621",
"type": "color"
},
"--camo-5": {
"value": "#a7a827",
"type": "color"
},
"--camo-4": {
"value": "#b5bb2e",
"type": "color"
},
"--camo-3": {
"value": "#c2ce34",
"type": "color"
},
"--camo-2": {
"value": "#d2df4e",
"type": "color"
},
"--camo-1": {
"value": "#e8ed9c",
"type": "color"
},
"--camo-0": {
"value": "#f9fbe7",
"type": "color"
}
},
"brown": {
"--brown-12": {
"value": "#422412",
"type": "color"
},
"--brown-11": {
"value": "#4e2b15",
"type": "color"
},
"--brown-10": {
"value": "#5e3a21",
"type": "color"
},
"--brown-9": {
"value": "#6f4b2d",
"type": "color"
},
"--brown-8": {
"value": "#825b3a",
"type": "color"
},
"--brown-7": {
"value": "#956b47",
"type": "color"
},
"--brown-6": {
"value": "#a87c56",
"type": "color"
},
"--brown-5": {
"value": "#b78f6d",
"type": "color"
},
"--brown-4": {
"value": "#c5a285",
"type": "color"
},
"--brown-3": {
"value": "#d3b79e",
"type": "color"
},
"--brown-2": {
"value": "#e0cab7",
"type": "color"
},
"--brown-1": {
"value": "#ede0d1",
"type": "color"
},
"--brown-0": {
"value": "#faf4eb",
"type": "color"
}
},
"blue": {
"--blue-12": {
"value": "#0d375e",
"type": "color"
},
"--blue-11": {
"value": "#114678",
"type": "color"
},
"--blue-10": {
"value": "#145591",
"type": "color"
},
"--blue-9": {
"value": "#1864ab",
"type": "color"
},
"--blue-8": {
"value": "#1971c2",
"type": "color"
},
"--blue-7": {
"value": "#1c7ed6",
"type": "color"
},
"--blue-6": {
"value": "#228be6",
"type": "color"
},
"--blue-5": {
"value": "#339af0",
"type": "color"
},
"--blue-4": {
"value": "#4dabf7",
"type": "color"
},
"--blue-3": {
"value": "#74c0fc",
"type": "color"
},
"--blue-2": {
"value": "#a5d8ff",
"type": "color"
},
"--blue-1": {
"value": "#d0ebff",
"type": "color"
},
"--blue-0": {
"value": "#e7f5ff",
"type": "color"
}
}
}
}