lowcss
Version:
A low-level functional CSS toolkit
1,441 lines • 165 kB
JSON
{
"version": "0.28.0",
"prefix": "",
"breakpoints": {
"sm": "640px",
"md": "768px",
"lg": "1024px",
"xl": "1280px"
},
"variables": {
"colors": {
"cool-50": "#F6F7F9",
"cool-100": "#E7E9EF",
"cool-200": "#CBD1DC",
"cool-300": "#ACB6C8",
"cool-400": "#8E9AB4",
"cool-500": "#6F7F9F",
"cool-600": "#5A6987",
"cool-700": "#455168",
"cool-800": "#313949",
"cool-900": "#1F242E",
"cool-950": "#14181F",
"gray-50": "#F9FAFA",
"gray-100": "#F3F4F5",
"gray-200": "#D5D9DC",
"gray-300": "#B7BDC3",
"gray-400": "#9BA3AC",
"gray-500": "#7C8792",
"gray-600": "#646E78",
"gray-700": "#4A5259",
"gray-800": "#31363A",
"gray-900": "#191C1F",
"gray-950": "#0C0D0E",
"neutral-50": "#FAFAFA",
"neutral-100": "#F5F5F5",
"neutral-200": "#E6E6E6",
"neutral-300": "#C9C9C9",
"neutral-400": "#ABABAB",
"neutral-500": "#8F8F8F",
"neutral-600": "#737373",
"neutral-700": "#545454",
"neutral-800": "#383838",
"neutral-900": "#1A1A1A",
"neutral-950": "#0D0D0D",
"red-50": "#FCE9EB",
"red-100": "#F9D2D6",
"red-200": "#F2A6AD",
"red-300": "#EC7985",
"red-400": "#E54D5C",
"red-500": "#DF2033",
"red-600": "#B21A29",
"red-700": "#86131F",
"red-800": "#590D14",
"red-900": "#2D060A",
"red-950": "#160305",
"orange-50": "#FEF0E6",
"orange-100": "#FEE1CD",
"orange-200": "#FDC49B",
"orange-300": "#FBA66A",
"orange-400": "#FA8938",
"orange-500": "#F96B06",
"orange-600": "#C75605",
"orange-700": "#954004",
"orange-800": "#642B02",
"orange-900": "#321501",
"orange-950": "#190B01",
"yellow-50": "#FFF9E5",
"yellow-100": "#FFF2CC",
"yellow-200": "#FFE699",
"yellow-300": "#FFD966",
"yellow-400": "#FFCC33",
"yellow-500": "#FFBF00",
"yellow-600": "#CC9900",
"yellow-700": "#997300",
"yellow-800": "#664D00",
"yellow-900": "#332600",
"yellow-950": "#191300",
"green-50": "#E5FBED",
"green-100": "#CBF6DB",
"green-200": "#9BEEB9",
"green-300": "#66E595",
"green-400": "#36DD73",
"green-500": "#1FB757",
"green-600": "#199446",
"green-700": "#126D34",
"green-800": "#0D4A23",
"green-900": "#062311",
"green-950": "#031108",
"teal-50": "#E3FCFA",
"teal-100": "#CCFAF6",
"teal-200": "#99F5ED",
"teal-300": "#66F0E4",
"teal-400": "#33EADB",
"teal-500": "#15D0C1",
"teal-600": "#11A79A",
"teal-700": "#0D7D74",
"teal-800": "#08534D",
"teal-900": "#042A27",
"teal-950": "#021311",
"blue-50": "#E6F0FF",
"blue-100": "#CDE1FE",
"blue-200": "#9BC4FD",
"blue-300": "#69A6FC",
"blue-400": "#3789FB",
"blue-500": "#056BFA",
"blue-600": "#0456C8",
"blue-700": "#034096",
"blue-800": "#022B64",
"blue-900": "#011532",
"blue-950": "#000B19",
"indigo-50": "#ECECFD",
"indigo-100": "#DEDEFC",
"indigo-200": "#B8B9F9",
"indigo-300": "#9799F7",
"indigo-400": "#7173F4",
"indigo-500": "#5053F1",
"indigo-600": "#1316EC",
"indigo-700": "#0E11B3",
"indigo-800": "#090B76",
"indigo-900": "#05063D",
"indigo-950": "#02031C",
"violet-50": "#F3ECFE",
"violet-100": "#E6D8FD",
"violet-200": "#CEB1FB",
"violet-300": "#B58BF9",
"violet-400": "#9C64F7",
"violet-500": "#843DF5",
"violet-600": "#610CE9",
"violet-700": "#4809AF",
"violet-800": "#300674",
"violet-900": "#18033A",
"violet-950": "#0C011D",
"pink-50": "#FDE8F2",
"pink-100": "#FBD5E8",
"pink-200": "#F6ACD1",
"pink-300": "#F282BA",
"pink-400": "#ED59A3",
"pink-500": "#E92F8C",
"pink-600": "#CB1570",
"pink-700": "#981054",
"pink-800": "#650B38",
"pink-900": "#33051C",
"pink-950": "#17020D",
"black": "#000",
"white": "#fff",
"transparent": "transparent",
"current": "currentColor"
},
"font-families": {
"sans": [
"-apple-system",
"BlinkMacSystemFont",
"Segoe UI",
"Roboto",
"Helvetica Neue",
"Arial",
"sans-serif"
],
"serif": [
"Georgia",
"Cambria",
"Times New Roman",
"Times",
"serif"
],
"mono": [
"SFMono-Regular",
"Menlo",
"Monaco",
"Consolas",
"Liberation Mono",
"Courier New",
"monospace"
]
},
"font-sizes": {
"3xs": "0.5rem",
"2xs": "0.625rem",
"xs": "0.75rem",
"sm": "0.875rem",
"base": "1rem",
"lg": "1.125rem",
"xl": "1.25rem",
"2xl": "1.5rem",
"3xl": "1.875rem",
"4xl": "2.25rem",
"5xl": "3rem",
"6xl": "3.75rem",
"7xl": "4.5rem",
"8xl": "6rem",
"9xl": "8rem"
},
"font-weights": {
"thin": "100",
"extralight": "200",
"light": "300",
"normal": "400",
"medium": "500",
"semibold": "600",
"bold": "700",
"extrabold": "800",
"black": "900"
},
"trackings": {
"tighter": "-0.05em",
"tight": "-0.025em",
"normal": "0",
"wide": "0.025em",
"wider": "0.05em",
"widest": "0.1em"
},
"leadings": {
"3": "0.75rem",
"4": "1rem",
"5": "1.25rem",
"6": "1.5rem",
"7": "1.75rem",
"8": "2rem",
"9": "2.25rem",
"10": "2.5rem",
"none": "1",
"tight": "1.25",
"snug": "1.375",
"normal": "1.5",
"relaxed": "1.625",
"loose": "2"
},
"borders": {
"0": "0",
"1": "1px",
"2": "2px",
"4": "4px",
"6": "6px",
"8": "8px",
"DEFAULT": "1px"
},
"spacing": {
"0": "0",
"1": "0.25rem",
"2": "0.5rem",
"3": "0.75rem",
"4": "1rem",
"5": "1.25rem",
"6": "1.5rem",
"7": "1.75rem",
"8": "2rem",
"9": "2.25rem",
"10": "2.5rem",
"11": "2.75rem",
"12": "3rem",
"14": "3.5rem",
"16": "4rem",
"20": "5rem",
"24": "6rem",
"28": "7rem",
"32": "8rem",
"36": "9rem",
"40": "10rem",
"44": "11rem",
"48": "12rem",
"52": "13rem",
"56": "14rem",
"60": "15rem",
"64": "16rem",
"72": "18rem",
"80": "20rem",
"88": "22rem",
"96": "24rem",
"px": "1px",
"0.5": "0.125rem",
"1.5": "0.375rem",
"2.5": "0.625rem",
"3.5": "0.875rem",
"half": "50%",
"full": "100%"
},
"opacities": {
"0": "0",
"10": "0.1",
"20": "0.2",
"30": "0.3",
"40": "0.4",
"50": "0.5",
"60": "0.6",
"70": "0.7",
"80": "0.8",
"90": "0.9",
"100": "100"
},
"raiuses": {
"sm": "0.125rem",
"base": "0.25rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"2xl": "1rem",
"3xl": "1.5rem",
"full": "9999px",
"none": "0"
},
"shadows": {
"sm": [
[
"0",
"0.25rem",
"1rem",
"-0.125rem",
"rgba(0, 0, 0, 0.15)"
],
[
"0",
"0",
"0",
"1px",
"rgba(0, 0, 0, 0.02)"
]
],
"md": [
[
"0",
"0.5rem",
"1rem",
"-0.25rem",
"rgba(0, 0, 0, 0.2)"
],
[
"0",
"0",
"0",
"1px",
"rgba(0, 0, 0, 0.02)"
]
],
"lg": [
[
"0rem",
"1rem",
"1rem",
"-0.5rem",
"rgba(0, 0, 0, 0.25)"
],
[
"0",
"0",
"0",
"1px",
"rgba(0, 0, 0, 0.02)"
]
],
"none": "none"
}
},
"utilities": {
"animation": {
"attributes": {
"group": "animation",
"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/animation",
"description": "Predefined CSS animations."
},
"classname": "animation",
"variants": [
"default",
"responsive"
],
"properties": [
"animation"
],
"values": {
"none": "none",
"bounce": "bounce 1s infinite",
"fadein": "fadein ease 1s",
"fadeout": "fadeout ease 1s",
"ping": "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
"pulse": "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
"spin": "spin 1s linear infinite"
}
},
"transition-duration": {
"attributes": {
"group": "animation",
"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/transition-duration",
"description": "Utilities for setting the transition-duration property of the element."
},
"classname": "duration",
"variants": [
"default",
"responsive"
],
"properties": [
"transition-duration"
],
"values": {
"0": "0s",
"100": "100ms",
"150": "150ms",
"200": "200ms",
"300": "300ms",
"500": "500ms",
"700": "700ms",
"1000": "1000ms"
}
},
"transition-timing-function": {
"attributes": {
"group": "animation",
"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/transition-timing-function",
"description": "Utilities for setting the transition-timing-function property of the element."
},
"classname": "ease",
"variants": [
"default",
"responsive"
],
"properties": [
"transition-timing-function"
],
"values": {
"in": "ease-in",
"out": "ease-out",
"in-out": "ease-in-out",
"linear": "linear"
}
},
"transition-delay": {
"attributes": {
"group": "animation",
"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/transition-delay",
"description": "Utilities for setting the transition-delay property of the element."
},
"classname": "delay",
"variants": [
"default",
"responsive"
],
"properties": [
"transition-delay"
],
"values": {
"0": "0s",
"100": "100ms",
"150": "150ms",
"200": "200ms",
"300": "300ms",
"500": "500ms",
"700": "700ms",
"1000": "1000ms"
}
},
"background-clip": {
"attributes": {
"group": "background",
"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip",
"description": "Utilities for setting the background-clip property of the element."
},
"classname": "bg",
"variants": [
"default"
],
"properties": [
"background-clip"
],
"values": {
"border": "border-box",
"padding": "padding-box",
"content": "content-box",
"text": "text"
}
},
"background-color": {
"attributes": {
"group": "background",
"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/background-color",
"description": "Utilities for setting the background-color property of the element."
},
"classname": "bg",
"variants": [
"default",
"hover",
"focus",
"focus-within",
"active",
"checked",
"disabled",
"required",
"group-hover",
"group-focus",
"group-focus-within",
"first",
"last",
"odd",
"even"
],
"properties": [
"background-color"
],
"values": {
"cool-50": "#F6F7F9",
"cool-100": "#E7E9EF",
"cool-200": "#CBD1DC",
"cool-300": "#ACB6C8",
"cool-400": "#8E9AB4",
"cool-500": "#6F7F9F",
"cool-600": "#5A6987",
"cool-700": "#455168",
"cool-800": "#313949",
"cool-900": "#1F242E",
"cool-950": "#14181F",
"gray-50": "#F9FAFA",
"gray-100": "#F3F4F5",
"gray-200": "#D5D9DC",
"gray-300": "#B7BDC3",
"gray-400": "#9BA3AC",
"gray-500": "#7C8792",
"gray-600": "#646E78",
"gray-700": "#4A5259",
"gray-800": "#31363A",
"gray-900": "#191C1F",
"gray-950": "#0C0D0E",
"neutral-50": "#FAFAFA",
"neutral-100": "#F5F5F5",
"neutral-200": "#E6E6E6",
"neutral-300": "#C9C9C9",
"neutral-400": "#ABABAB",
"neutral-500": "#8F8F8F",
"neutral-600": "#737373",
"neutral-700": "#545454",
"neutral-800": "#383838",
"neutral-900": "#1A1A1A",
"neutral-950": "#0D0D0D",
"red-50": "#FCE9EB",
"red-100": "#F9D2D6",
"red-200": "#F2A6AD",
"red-300": "#EC7985",
"red-400": "#E54D5C",
"red-500": "#DF2033",
"red-600": "#B21A29",
"red-700": "#86131F",
"red-800": "#590D14",
"red-900": "#2D060A",
"red-950": "#160305",
"orange-50": "#FEF0E6",
"orange-100": "#FEE1CD",
"orange-200": "#FDC49B",
"orange-300": "#FBA66A",
"orange-400": "#FA8938",
"orange-500": "#F96B06",
"orange-600": "#C75605",
"orange-700": "#954004",
"orange-800": "#642B02",
"orange-900": "#321501",
"orange-950": "#190B01",
"yellow-50": "#FFF9E5",
"yellow-100": "#FFF2CC",
"yellow-200": "#FFE699",
"yellow-300": "#FFD966",
"yellow-400": "#FFCC33",
"yellow-500": "#FFBF00",
"yellow-600": "#CC9900",
"yellow-700": "#997300",
"yellow-800": "#664D00",
"yellow-900": "#332600",
"yellow-950": "#191300",
"green-50": "#E5FBED",
"green-100": "#CBF6DB",
"green-200": "#9BEEB9",
"green-300": "#66E595",
"green-400": "#36DD73",
"green-500": "#1FB757",
"green-600": "#199446",
"green-700": "#126D34",
"green-800": "#0D4A23",
"green-900": "#062311",
"green-950": "#031108",
"teal-50": "#E3FCFA",
"teal-100": "#CCFAF6",
"teal-200": "#99F5ED",
"teal-300": "#66F0E4",
"teal-400": "#33EADB",
"teal-500": "#15D0C1",
"teal-600": "#11A79A",
"teal-700": "#0D7D74",
"teal-800": "#08534D",
"teal-900": "#042A27",
"teal-950": "#021311",
"blue-50": "#E6F0FF",
"blue-100": "#CDE1FE",
"blue-200": "#9BC4FD",
"blue-300": "#69A6FC",
"blue-400": "#3789FB",
"blue-500": "#056BFA",
"blue-600": "#0456C8",
"blue-700": "#034096",
"blue-800": "#022B64",
"blue-900": "#011532",
"blue-950": "#000B19",
"indigo-50": "#ECECFD",
"indigo-100": "#DEDEFC",
"indigo-200": "#B8B9F9",
"indigo-300": "#9799F7",
"indigo-400": "#7173F4",
"indigo-500": "#5053F1",
"indigo-600": "#1316EC",
"indigo-700": "#0E11B3",
"indigo-800": "#090B76",
"indigo-900": "#05063D",
"indigo-950": "#02031C",
"violet-50": "#F3ECFE",
"violet-100": "#E6D8FD",
"violet-200": "#CEB1FB",
"violet-300": "#B58BF9",
"violet-400": "#9C64F7",
"violet-500": "#843DF5",
"violet-600": "#610CE9",
"violet-700": "#4809AF",
"violet-800": "#300674",
"violet-900": "#18033A",
"violet-950": "#0C011D",
"pink-50": "#FDE8F2",
"pink-100": "#FBD5E8",
"pink-200": "#F6ACD1",
"pink-300": "#F282BA",
"pink-400": "#ED59A3",
"pink-500": "#E92F8C",
"pink-600": "#CB1570",
"pink-700": "#981054",
"pink-800": "#650B38",
"pink-900": "#33051C",
"pink-950": "#17020D",
"black": "#000",
"white": "#fff",
"transparent": "transparent",
"current": "currentColor"
}
},
"background-image": {
"attributes": {
"group": "background",
"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/background-image",
"description": "Utilities for setting the background-image property of the element."
},
"classname": "bg",
"variants": [
"default"
],
"properties": [
"background-image"
],
"values": {
"none": "none",
"gradient-to-right": "linear-gradient(to right, var(--low-gradient-start), var(--low-gradient-stop))",
"gradient-to-lelft": "linear-gradient(to left, var(--low-gradient-start), var(--low-gradient-stop))",
"gradient-to-bottom": "linear-gradient(to bottom, var(--low-gradient-start), var(--low-gradient-stop))",
"gradient-to-top": "linear-gradient(to top, var(--low-gradient-start), var(--low-gradient-stop))"
}
},
"background-repeat": {
"attributes": {
"group": "background",
"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat",
"description": "Utilities for setting the background-repeat property of the element."
},
"classname": "bg",
"variants": [
"default"
],
"properties": [
"background-repeat"
],
"values": {
"repeat": "repeat",
"no-repeat": "no-repeat"
}
},
"background-size": {
"attributes": {
"group": "background",
"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/background-size",
"description": "Utilities for setting the background-size property of the element."
},
"classname": "bg",
"variants": [
"default"
],
"properties": [
"background-size"
],
"values": {
"auto": "auto",
"cover": "cover",
"contain": "contain"
}
},
"gradient-from": {
"attributes": {
"group": "gradient",
"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients",
"description": "Utilities to specify the starting color for the gradient."
},
"classname": "from",
"variants": [
"default"
],
"properties": [
"--low-gradient-start"
],
"values": {
"cool-50": "#F6F7F9",
"cool-100": "#E7E9EF",
"cool-200": "#CBD1DC",
"cool-300": "#ACB6C8",
"cool-400": "#8E9AB4",
"cool-500": "#6F7F9F",
"cool-600": "#5A6987",
"cool-700": "#455168",
"cool-800": "#313949",
"cool-900": "#1F242E",
"cool-950": "#14181F",
"gray-50": "#F9FAFA",
"gray-100": "#F3F4F5",
"gray-200": "#D5D9DC",
"gray-300": "#B7BDC3",
"gray-400": "#9BA3AC",
"gray-500": "#7C8792",
"gray-600": "#646E78",
"gray-700": "#4A5259",
"gray-800": "#31363A",
"gray-900": "#191C1F",
"gray-950": "#0C0D0E",
"neutral-50": "#FAFAFA",
"neutral-100": "#F5F5F5",
"neutral-200": "#E6E6E6",
"neutral-300": "#C9C9C9",
"neutral-400": "#ABABAB",
"neutral-500": "#8F8F8F",
"neutral-600": "#737373",
"neutral-700": "#545454",
"neutral-800": "#383838",
"neutral-900": "#1A1A1A",
"neutral-950": "#0D0D0D",
"red-50": "#FCE9EB",
"red-100": "#F9D2D6",
"red-200": "#F2A6AD",
"red-300": "#EC7985",
"red-400": "#E54D5C",
"red-500": "#DF2033",
"red-600": "#B21A29",
"red-700": "#86131F",
"red-800": "#590D14",
"red-900": "#2D060A",
"red-950": "#160305",
"orange-50": "#FEF0E6",
"orange-100": "#FEE1CD",
"orange-200": "#FDC49B",
"orange-300": "#FBA66A",
"orange-400": "#FA8938",
"orange-500": "#F96B06",
"orange-600": "#C75605",
"orange-700": "#954004",
"orange-800": "#642B02",
"orange-900": "#321501",
"orange-950": "#190B01",
"yellow-50": "#FFF9E5",
"yellow-100": "#FFF2CC",
"yellow-200": "#FFE699",
"yellow-300": "#FFD966",
"yellow-400": "#FFCC33",
"yellow-500": "#FFBF00",
"yellow-600": "#CC9900",
"yellow-700": "#997300",
"yellow-800": "#664D00",
"yellow-900": "#332600",
"yellow-950": "#191300",
"green-50": "#E5FBED",
"green-100": "#CBF6DB",
"green-200": "#9BEEB9",
"green-300": "#66E595",
"green-400": "#36DD73",
"green-500": "#1FB757",
"green-600": "#199446",
"green-700": "#126D34",
"green-800": "#0D4A23",
"green-900": "#062311",
"green-950": "#031108",
"teal-50": "#E3FCFA",
"teal-100": "#CCFAF6",
"teal-200": "#99F5ED",
"teal-300": "#66F0E4",
"teal-400": "#33EADB",
"teal-500": "#15D0C1",
"teal-600": "#11A79A",
"teal-700": "#0D7D74",
"teal-800": "#08534D",
"teal-900": "#042A27",
"teal-950": "#021311",
"blue-50": "#E6F0FF",
"blue-100": "#CDE1FE",
"blue-200": "#9BC4FD",
"blue-300": "#69A6FC",
"blue-400": "#3789FB",
"blue-500": "#056BFA",
"blue-600": "#0456C8",
"blue-700": "#034096",
"blue-800": "#022B64",
"blue-900": "#011532",
"blue-950": "#000B19",
"indigo-50": "#ECECFD",
"indigo-100": "#DEDEFC",
"indigo-200": "#B8B9F9",
"indigo-300": "#9799F7",
"indigo-400": "#7173F4",
"indigo-500": "#5053F1",
"indigo-600": "#1316EC",
"indigo-700": "#0E11B3",
"indigo-800": "#090B76",
"indigo-900": "#05063D",
"indigo-950": "#02031C",
"violet-50": "#F3ECFE",
"violet-100": "#E6D8FD",
"violet-200": "#CEB1FB",
"violet-300": "#B58BF9",
"violet-400": "#9C64F7",
"violet-500": "#843DF5",
"violet-600": "#610CE9",
"violet-700": "#4809AF",
"violet-800": "#300674",
"violet-900": "#18033A",
"violet-950": "#0C011D",
"pink-50": "#FDE8F2",
"pink-100": "#FBD5E8",
"pink-200": "#F6ACD1",
"pink-300": "#F282BA",
"pink-400": "#ED59A3",
"pink-500": "#E92F8C",
"pink-600": "#CB1570",
"pink-700": "#981054",
"pink-800": "#650B38",
"pink-900": "#33051C",
"pink-950": "#17020D",
"black": "#000",
"white": "#fff",
"transparent": "transparent",
"current": "currentColor"
}
},
"gradient-to": {
"attributes": {
"group": "gradient",
"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients",
"description": "Utilities to specify the ending color for the gradient."
},
"classname": "to",
"variants": [
"default"
],
"properties": [
"--low-gradient-stop"
],
"values": {
"cool-50": "#F6F7F9",
"cool-100": "#E7E9EF",
"cool-200": "#CBD1DC",
"cool-300": "#ACB6C8",
"cool-400": "#8E9AB4",
"cool-500": "#6F7F9F",
"cool-600": "#5A6987",
"cool-700": "#455168",
"cool-800": "#313949",
"cool-900": "#1F242E",
"cool-950": "#14181F",
"gray-50": "#F9FAFA",
"gray-100": "#F3F4F5",
"gray-200": "#D5D9DC",
"gray-300": "#B7BDC3",
"gray-400": "#9BA3AC",
"gray-500": "#7C8792",
"gray-600": "#646E78",
"gray-700": "#4A5259",
"gray-800": "#31363A",
"gray-900": "#191C1F",
"gray-950": "#0C0D0E",
"neutral-50": "#FAFAFA",
"neutral-100": "#F5F5F5",
"neutral-200": "#E6E6E6",
"neutral-300": "#C9C9C9",
"neutral-400": "#ABABAB",
"neutral-500": "#8F8F8F",
"neutral-600": "#737373",
"neutral-700": "#545454",
"neutral-800": "#383838",
"neutral-900": "#1A1A1A",
"neutral-950": "#0D0D0D",
"red-50": "#FCE9EB",
"red-100": "#F9D2D6",
"red-200": "#F2A6AD",
"red-300": "#EC7985",
"red-400": "#E54D5C",
"red-500": "#DF2033",
"red-600": "#B21A29",
"red-700": "#86131F",
"red-800": "#590D14",
"red-900": "#2D060A",
"red-950": "#160305",
"orange-50": "#FEF0E6",
"orange-100": "#FEE1CD",
"orange-200": "#FDC49B",
"orange-300": "#FBA66A",
"orange-400": "#FA8938",
"orange-500": "#F96B06",
"orange-600": "#C75605",
"orange-700": "#954004",
"orange-800": "#642B02",
"orange-900": "#321501",
"orange-950": "#190B01",
"yellow-50": "#FFF9E5",
"yellow-100": "#FFF2CC",
"yellow-200": "#FFE699",
"yellow-300": "#FFD966",
"yellow-400": "#FFCC33",
"yellow-500": "#FFBF00",
"yellow-600": "#CC9900",
"yellow-700": "#997300",
"yellow-800": "#664D00",
"yellow-900": "#332600",
"yellow-950": "#191300",
"green-50": "#E5FBED",
"green-100": "#CBF6DB",
"green-200": "#9BEEB9",
"green-300": "#66E595",
"green-400": "#36DD73",
"green-500": "#1FB757",
"green-600": "#199446",
"green-700": "#126D34",
"green-800": "#0D4A23",
"green-900": "#062311",
"green-950": "#031108",
"teal-50": "#E3FCFA",
"teal-100": "#CCFAF6",
"teal-200": "#99F5ED",
"teal-300": "#66F0E4",
"teal-400": "#33EADB",
"teal-500": "#15D0C1",
"teal-600": "#11A79A",
"teal-700": "#0D7D74",
"teal-800": "#08534D",
"teal-900": "#042A27",
"teal-950": "#021311",
"blue-50": "#E6F0FF",
"blue-100": "#CDE1FE",
"blue-200": "#9BC4FD",
"blue-300": "#69A6FC",
"blue-400": "#3789FB",
"blue-500": "#056BFA",
"blue-600": "#0456C8",
"blue-700": "#034096",
"blue-800": "#022B64",
"blue-900": "#011532",
"blue-950": "#000B19",
"indigo-50": "#ECECFD",
"indigo-100": "#DEDEFC",
"indigo-200": "#B8B9F9",
"indigo-300": "#9799F7",
"indigo-400": "#7173F4",
"indigo-500": "#5053F1",
"indigo-600": "#1316EC",
"indigo-700": "#0E11B3",
"indigo-800": "#090B76",
"indigo-900": "#05063D",
"indigo-950": "#02031C",
"violet-50": "#F3ECFE",
"violet-100": "#E6D8FD",
"violet-200": "#CEB1FB",
"violet-300": "#B58BF9",
"violet-400": "#9C64F7",
"violet-500": "#843DF5",
"violet-600": "#610CE9",
"violet-700": "#4809AF",
"violet-800": "#300674",
"violet-900": "#18033A",
"violet-950": "#0C011D",
"pink-50": "#FDE8F2",
"pink-100": "#FBD5E8",
"pink-200": "#F6ACD1",
"pink-300": "#F282BA",
"pink-400": "#ED59A3",
"pink-500": "#E92F8C",
"pink-600": "#CB1570",
"pink-700": "#981054",
"pink-800": "#650B38",
"pink-900": "#33051C",
"pink-950": "#17020D",
"black": "#000",
"white": "#fff",
"transparent": "transparent",
"current": "currentColor"
}
},
"border-radius": {
"attributes": {
"group": "border",
"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius",
"description": "Utilities for setting the radius of the element."
},
"classname": "rounded",
"variants": [
"default"
],
"properties": [
"border-radius"
],
"values": {
"sm": "0.125rem",
"base": "0.25rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"2xl": "1rem",
"3xl": "1.5rem",
"full": "9999px",
"none": "0"
}
},
"border-top-left-radius": {
"attributes": {
"group": "border",
"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius",
"description": "Utilities for setting the radius of the element."
},
"classname": "rounded-tl",
"variants": [
"default"
],
"properties": [
"border-top-left-radius"
],
"values": {
"sm": "0.125rem",
"base": "0.25rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"2xl": "1rem",
"3xl": "1.5rem",
"full": "9999px",
"none": "0"
}
},
"border-top-right-radius": {
"attributes": {
"group": "border",
"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius",
"description": "Utilities for setting the radius of the element."
},
"classname": "rounded-tr",
"variants": [
"default"
],
"properties": [
"border-top-right-radius"
],
"values": {
"sm": "0.125rem",
"base": "0.25rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"2xl": "1rem",
"3xl": "1.5rem",
"full": "9999px",
"none": "0"
}
},
"border-bottom-left-radius": {
"attributes": {
"group": "border",
"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius",
"description": "Utilities for setting the radius of the element."
},
"classname": "rounded-bl",
"variants": [
"default"
],
"properties": [
"border-bottom-left-radius"
],
"values": {
"sm": "0.125rem",
"base": "0.25rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"2xl": "1rem",
"3xl": "1.5rem",
"full": "9999px",
"none": "0"
}
},
"border-bottom-right-radius": {
"attributes": {
"group": "border",
"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius",
"description": "Utilities for setting the radius of the element."
},
"classname": "rounded-br",
"variants": [
"default"
],
"properties": [
"border-bottom-right-radius"
],
"values": {
"sm": "0.125rem",
"base": "0.25rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"2xl": "1rem",
"3xl": "1.5rem",
"full": "9999px",
"none": "0"
}
},
"border-color": {
"attributes": {
"group": "border",
"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-color",
"description": "Utilities for setting the border color of the element."
},
"classname": "border",
"variants": [
"default",
"hover",
"focus",
"focus-within",
"active",
"checked",
"disabled",
"required",
"group-hover",
"group-focus",
"group-focus-within"
],
"properties": [
"border-color"
],
"values": {
"cool-50": "#F6F7F9",
"cool-100": "#E7E9EF",
"cool-200": "#CBD1DC",
"cool-300": "#ACB6C8",
"cool-400": "#8E9AB4",
"cool-500": "#6F7F9F",
"cool-600": "#5A6987",
"cool-700": "#455168",
"cool-800": "#313949",
"cool-900": "#1F242E",
"cool-950": "#14181F",
"gray-50": "#F9FAFA",
"gray-100": "#F3F4F5",
"gray-200": "#D5D9DC",
"gray-300": "#B7BDC3",
"gray-400": "#9BA3AC",
"gray-500": "#7C8792",
"gray-600": "#646E78",
"gray-700": "#4A5259",
"gray-800": "#31363A",
"gray-900": "#191C1F",
"gray-950": "#0C0D0E",
"neutral-50": "#FAFAFA",
"neutral-100": "#F5F5F5",
"neutral-200": "#E6E6E6",
"neutral-300": "#C9C9C9",
"neutral-400": "#ABABAB",
"neutral-500": "#8F8F8F",
"neutral-600": "#737373",
"neutral-700": "#545454",
"neutral-800": "#383838",
"neutral-900": "#1A1A1A",
"neutral-950": "#0D0D0D",
"red-50": "#FCE9EB",
"red-100": "#F9D2D6",
"red-200": "#F2A6AD",
"red-300": "#EC7985",
"red-400": "#E54D5C",
"red-500": "#DF2033",
"red-600": "#B21A29",
"red-700": "#86131F",
"red-800": "#590D14",
"red-900": "#2D060A",
"red-950": "#160305",
"orange-50": "#FEF0E6",
"orange-100": "#FEE1CD",
"orange-200": "#FDC49B",
"orange-300": "#FBA66A",
"orange-400": "#FA8938",
"orange-500": "#F96B06",
"orange-600": "#C75605",
"orange-700": "#954004",
"orange-800": "#642B02",
"orange-900": "#321501",
"orange-950": "#190B01",
"yellow-50": "#FFF9E5",
"yellow-100": "#FFF2CC",
"yellow-200": "#FFE699",
"yellow-300": "#FFD966",
"yellow-400": "#FFCC33",
"yellow-500": "#FFBF00",
"yellow-600": "#CC9900",
"yellow-700": "#997300",
"yellow-800": "#664D00",
"yellow-900": "#332600",
"yellow-950": "#191300",
"green-50": "#E5FBED",
"green-100": "#CBF6DB",
"green-200": "#9BEEB9",
"green-300": "#66E595",
"green-400": "#36DD73",
"green-500": "#1FB757",
"green-600": "#199446",
"green-700": "#126D34",
"green-800": "#0D4A23",
"green-900": "#062311",
"green-950": "#031108",
"teal-50": "#E3FCFA",
"teal-100": "#CCFAF6",
"teal-200": "#99F5ED",
"teal-300": "#66F0E4",
"teal-400": "#33EADB",
"teal-500": "#15D0C1",
"teal-600": "#11A79A",
"teal-700": "#0D7D74",
"teal-800": "#08534D",
"teal-900": "#042A27",
"teal-950": "#021311",
"blue-50": "#E6F0FF",
"blue-100": "#CDE1FE",
"blue-200": "#9BC4FD",
"blue-300": "#69A6FC",
"blue-400": "#3789FB",
"blue-500": "#056BFA",
"blue-600": "#0456C8",
"blue-700": "#034096",
"blue-800": "#022B64",
"blue-900": "#011532",
"blue-950": "#000B19",
"indigo-50": "#ECECFD",
"indigo-100": "#DEDEFC",
"indigo-200": "#B8B9F9",
"indigo-300": "#9799F7",
"indigo-400": "#7173F4",
"indigo-500": "#5053F1",
"indigo-600": "#1316EC",
"indigo-700": "#0E11B3",
"indigo-800": "#090B76",
"indigo-900": "#05063D",
"indigo-950": "#02031C",
"violet-50": "#F3ECFE",
"violet-100": "#E6D8FD",
"violet-200": "#CEB1FB",
"violet-300": "#B58BF9",
"violet-400": "#9C64F7",
"violet-500": "#843DF5",
"violet-600": "#610CE9",
"violet-700": "#4809AF",
"violet-800": "#300674",
"violet-900": "#18033A",
"violet-950": "#0C011D",
"pink-50": "#FDE8F2",
"pink-100": "#FBD5E8",
"pink-200": "#F6ACD1",
"pink-300": "#F282BA",
"pink-400": "#ED59A3",
"pink-500": "#E92F8C",
"pink-600": "#CB1570",
"pink-700": "#981054",
"pink-800": "#650B38",
"pink-900": "#33051C",
"pink-950": "#17020D",
"black": "#000",
"white": "#fff",
"transparent": "transparent",
"current": "currentColor"
}
},
"border-style": {
"attributes": {
"group": "border",
"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-style",
"description": "Utilities for setting the border-style property of the element."
},
"classname": "border",
"variants": [
"default",
"focus"
],
"properties": [
"border-style"
],
"values": {
"solid": "solid",
"dashed": "dashed",
"dotted": "dotted",
"none": "none"
}
},
"border-width": {
"attributes": {
"group": "border",
"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-width",
"description": "Utilities for setting the border-width property of the element."
},
"classname": "border",
"variants": [
"default",
"responsive",
"focus"
],
"properties": [
"border-width"
],
"values": {
"0": "0",
"1": "1px",
"2": "2px",
"4": "4px",
"6": "6px",
"8": "8px",
"DEFAULT": "1px"
}
},
"border-bottom-width": {
"attributes": {
"group": "border",
"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width",
"description": "Utilities for setting the element's border bottom width."
},
"classname": "border-b",
"variants": [
"default",
"responsive",
"focus",
"first",
"last"
],
"properties": [
"border-bottom-width"
],
"values": {
"0": "0",
"1": "1px",
"2": "2px",
"4": "4px",
"6": "6px",
"8": "8px",
"DEFAULT": "1px"
}
},
"border-left-width": {
"attributes": {
"group": "border",
"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-width",
"description": "Utilities for setting the element's border left width."
},
"classname": "border-l",
"variants": [
"default",
"responsive",
"focus",
"first",
"last"
],
"properties": [
"border-left-width"
],
"values": {
"0": "0",
"1": "1px",
"2": "2px",
"4": "4px",
"6": "6px",
"8": "8px",
"DEFAULT": "1px"
}
},
"border-right-width": {
"attributes": {
"group": "border",
"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-width",
"description": "Utilities for setting the element's border right width."
},
"classname": "border-r",
"variants": [
"default",
"responsive",
"focus",
"first",
"last"
],
"properties": [
"border-right-width"
],
"values": {
"0": "0",
"1": "1px",
"2": "2px",
"4": "4px",
"6": "6px",
"8": "8px",
"DEFAULT": "1px"
}
},
"border-top-width": {
"attributes": {
"group": "border",
"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width",
"description": "Utilities for setting the element's border top width."
},
"classname": "border-t",
"variants": [
"default",
"responsive",
"focus",
"first",
"last"
],
"properties": [
"border-top-width"
],
"values": {
"0": "0",
"1": "1px",
"2": "2px",
"4": "4px",
"6": "6px",
"8": "8px",
"DEFAULT": "1px"
}
},
"outline-color": {
"attributes": {
"group": "border",
"url": "https://developer.mozilla.org/en-US/docs/