Skip to content

Instantly share code, notes, and snippets.

@corysimmons
Created March 19, 2024 18:45
Show Gist options
  • Save corysimmons/938bcf5f0d66da5086c30dac16af9772 to your computer and use it in GitHub Desktop.
Save corysimmons/938bcf5f0d66da5086c30dac16af9772 to your computer and use it in GitHub Desktop.
The generated default Tailwind 3.4.1 config as JSON.
{
"animation": {
"none": "none",
"spin": "spin 1s linear infinite",
"ping": "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
"pulse": "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
"bounce": "bounce 1s infinite"
},
"aria": {
"busy": "busy=\"true\"",
"checked": "checked=\"true\"",
"disabled": "disabled=\"true\"",
"expanded": "expanded=\"true\"",
"hidden": "hidden=\"true\"",
"pressed": "pressed=\"true\"",
"readonly": "readonly=\"true\"",
"required": "required=\"true\"",
"selected": "selected=\"true\""
},
"aspectRatio": {
"auto": "auto",
"square": "1 / 1",
"video": "16 / 9"
},
"backgroundImage": {
"none": "none",
"gradient-to-t": "linear-gradient(to top, var(--tw-gradient-stops))",
"gradient-to-tr": "linear-gradient(to top right, var(--tw-gradient-stops))",
"gradient-to-r": "linear-gradient(to right, var(--tw-gradient-stops))",
"gradient-to-br": "linear-gradient(to bottom right, var(--tw-gradient-stops))",
"gradient-to-b": "linear-gradient(to bottom, var(--tw-gradient-stops))",
"gradient-to-bl": "linear-gradient(to bottom left, var(--tw-gradient-stops))",
"gradient-to-l": "linear-gradient(to left, var(--tw-gradient-stops))",
"gradient-to-tl": "linear-gradient(to top left, var(--tw-gradient-stops))"
},
"backgroundPosition": {
"bottom": "bottom",
"center": "center",
"left": "left",
"left-bottom": "left bottom",
"left-top": "left top",
"right": "right",
"right-bottom": "right bottom",
"right-top": "right top",
"top": "top"
},
"backgroundSize": {
"auto": "auto",
"cover": "cover",
"contain": "contain"
},
"blur": {
"0": "0",
"none": "0",
"sm": "4px",
"DEFAULT": "8px",
"md": "12px",
"lg": "16px",
"xl": "24px",
"2xl": "40px",
"3xl": "64px"
},
"borderRadius": {
"none": "0px",
"sm": "0.125rem",
"DEFAULT": "0.25rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"2xl": "1rem",
"3xl": "1.5rem",
"full": "9999px"
},
"borderWidth": {
"0": "0px",
"2": "2px",
"4": "4px",
"8": "8px",
"DEFAULT": "1px"
},
"boxShadow": {
"sm": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"DEFAULT": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
"inner": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
"none": "none"
},
"brightness": {
"0": "0",
"50": ".5",
"75": ".75",
"90": ".9",
"95": ".95",
"100": "1",
"105": "1.05",
"110": "1.1",
"125": "1.25",
"150": "1.5",
"200": "2"
},
"columns": {
"1": "1",
"2": "2",
"3": "3",
"4": "4",
"5": "5",
"6": "6",
"7": "7",
"8": "8",
"9": "9",
"10": "10",
"11": "11",
"12": "12",
"auto": "auto",
"3xs": "16rem",
"2xs": "18rem",
"xs": "20rem",
"sm": "24rem",
"md": "28rem",
"lg": "32rem",
"xl": "36rem",
"2xl": "42rem",
"3xl": "48rem",
"4xl": "56rem",
"5xl": "64rem",
"6xl": "72rem",
"7xl": "80rem"
},
"container": {},
"content": {
"none": "none"
},
"contrast": {
"0": "0",
"50": ".5",
"75": ".75",
"100": "1",
"125": "1.25",
"150": "1.5",
"200": "2"
},
"cursor": {
"auto": "auto",
"default": "default",
"pointer": "pointer",
"wait": "wait",
"text": "text",
"move": "move",
"help": "help",
"not-allowed": "not-allowed",
"none": "none",
"context-menu": "context-menu",
"progress": "progress",
"cell": "cell",
"crosshair": "crosshair",
"vertical-text": "vertical-text",
"alias": "alias",
"copy": "copy",
"no-drop": "no-drop",
"grab": "grab",
"grabbing": "grabbing",
"all-scroll": "all-scroll",
"col-resize": "col-resize",
"row-resize": "row-resize",
"n-resize": "n-resize",
"e-resize": "e-resize",
"s-resize": "s-resize",
"w-resize": "w-resize",
"ne-resize": "ne-resize",
"nw-resize": "nw-resize",
"se-resize": "se-resize",
"sw-resize": "sw-resize",
"ew-resize": "ew-resize",
"ns-resize": "ns-resize",
"nesw-resize": "nesw-resize",
"nwse-resize": "nwse-resize",
"zoom-in": "zoom-in",
"zoom-out": "zoom-out"
},
"dropShadow": {
"sm": "0 1px 1px rgb(0 0 0 / 0.05)",
"DEFAULT": [
"0 1px 2px rgb(0 0 0 / 0.1)",
"0 1px 1px rgb(0 0 0 / 0.06)"
],
"md": [
"0 4px 3px rgb(0 0 0 / 0.07)",
"0 2px 2px rgb(0 0 0 / 0.06)"
],
"lg": [
"0 10px 8px rgb(0 0 0 / 0.04)",
"0 4px 3px rgb(0 0 0 / 0.1)"
],
"xl": [
"0 20px 13px rgb(0 0 0 / 0.03)",
"0 8px 5px rgb(0 0 0 / 0.08)"
],
"2xl": "0 25px 25px rgb(0 0 0 / 0.15)",
"none": "0 0 #0000"
},
"flex": {
"1": "1 1 0%",
"auto": "1 1 auto",
"initial": "0 1 auto",
"none": "none"
},
"flexGrow": {
"0": "0",
"DEFAULT": "1"
},
"flexShrink": {
"0": "0",
"DEFAULT": "1"
},
"fontFamily": {
"sans": [
"ui-sans-serif",
"system-ui",
"sans-serif",
"\"Apple Color Emoji\"",
"\"Segoe UI Emoji\"",
"\"Segoe UI Symbol\"",
"\"Noto Color Emoji\""
],
"serif": [
"ui-serif",
"Georgia",
"Cambria",
"\"Times New Roman\"",
"Times",
"serif"
],
"mono": [
"ui-monospace",
"SFMono-Regular",
"Menlo",
"Monaco",
"Consolas",
"\"Liberation Mono\"",
"\"Courier New\"",
"monospace"
]
},
"fontSize": {
"xs": [
"0.75rem",
{
"lineHeight": "1rem"
}
],
"sm": [
"0.875rem",
{
"lineHeight": "1.25rem"
}
],
"base": [
"1rem",
{
"lineHeight": "1.5rem"
}
],
"lg": [
"1.125rem",
{
"lineHeight": "1.75rem"
}
],
"xl": [
"1.25rem",
{
"lineHeight": "1.75rem"
}
],
"2xl": [
"1.5rem",
{
"lineHeight": "2rem"
}
],
"3xl": [
"1.875rem",
{
"lineHeight": "2.25rem"
}
],
"4xl": [
"2.25rem",
{
"lineHeight": "2.5rem"
}
],
"5xl": [
"3rem",
{
"lineHeight": "1"
}
],
"6xl": [
"3.75rem",
{
"lineHeight": "1"
}
],
"7xl": [
"4.5rem",
{
"lineHeight": "1"
}
],
"8xl": [
"6rem",
{
"lineHeight": "1"
}
],
"9xl": [
"8rem",
{
"lineHeight": "1"
}
]
},
"fontWeight": {
"thin": "100",
"extralight": "200",
"light": "300",
"normal": "400",
"medium": "500",
"semibold": "600",
"bold": "700",
"extrabold": "800",
"black": "900"
},
"gradientColorStopPositions": {
"0%": "0%",
"5%": "5%",
"10%": "10%",
"15%": "15%",
"20%": "20%",
"25%": "25%",
"30%": "30%",
"35%": "35%",
"40%": "40%",
"45%": "45%",
"50%": "50%",
"55%": "55%",
"60%": "60%",
"65%": "65%",
"70%": "70%",
"75%": "75%",
"80%": "80%",
"85%": "85%",
"90%": "90%",
"95%": "95%",
"100%": "100%"
},
"grayscale": {
"0": "0",
"DEFAULT": "100%"
},
"gridAutoColumns": {
"auto": "auto",
"min": "min-content",
"max": "max-content",
"fr": "minmax(0, 1fr)"
},
"gridAutoRows": {
"auto": "auto",
"min": "min-content",
"max": "max-content",
"fr": "minmax(0, 1fr)"
},
"gridColumn": {
"auto": "auto",
"span-1": "span 1 / span 1",
"span-2": "span 2 / span 2",
"span-3": "span 3 / span 3",
"span-4": "span 4 / span 4",
"span-5": "span 5 / span 5",
"span-6": "span 6 / span 6",
"span-7": "span 7 / span 7",
"span-8": "span 8 / span 8",
"span-9": "span 9 / span 9",
"span-10": "span 10 / span 10",
"span-11": "span 11 / span 11",
"span-12": "span 12 / span 12",
"span-full": "1 / -1"
},
"gridColumnEnd": {
"1": "1",
"2": "2",
"3": "3",
"4": "4",
"5": "5",
"6": "6",
"7": "7",
"8": "8",
"9": "9",
"10": "10",
"11": "11",
"12": "12",
"13": "13",
"auto": "auto"
},
"gridColumnStart": {
"1": "1",
"2": "2",
"3": "3",
"4": "4",
"5": "5",
"6": "6",
"7": "7",
"8": "8",
"9": "9",
"10": "10",
"11": "11",
"12": "12",
"13": "13",
"auto": "auto"
},
"gridRow": {
"auto": "auto",
"span-1": "span 1 / span 1",
"span-2": "span 2 / span 2",
"span-3": "span 3 / span 3",
"span-4": "span 4 / span 4",
"span-5": "span 5 / span 5",
"span-6": "span 6 / span 6",
"span-7": "span 7 / span 7",
"span-8": "span 8 / span 8",
"span-9": "span 9 / span 9",
"span-10": "span 10 / span 10",
"span-11": "span 11 / span 11",
"span-12": "span 12 / span 12",
"span-full": "1 / -1"
},
"gridRowEnd": {
"1": "1",
"2": "2",
"3": "3",
"4": "4",
"5": "5",
"6": "6",
"7": "7",
"8": "8",
"9": "9",
"10": "10",
"11": "11",
"12": "12",
"13": "13",
"auto": "auto"
},
"gridRowStart": {
"1": "1",
"2": "2",
"3": "3",
"4": "4",
"5": "5",
"6": "6",
"7": "7",
"8": "8",
"9": "9",
"10": "10",
"11": "11",
"12": "12",
"13": "13",
"auto": "auto"
},
"gridTemplateColumns": {
"1": "repeat(1, minmax(0, 1fr))",
"2": "repeat(2, minmax(0, 1fr))",
"3": "repeat(3, minmax(0, 1fr))",
"4": "repeat(4, minmax(0, 1fr))",
"5": "repeat(5, minmax(0, 1fr))",
"6": "repeat(6, minmax(0, 1fr))",
"7": "repeat(7, minmax(0, 1fr))",
"8": "repeat(8, minmax(0, 1fr))",
"9": "repeat(9, minmax(0, 1fr))",
"10": "repeat(10, minmax(0, 1fr))",
"11": "repeat(11, minmax(0, 1fr))",
"12": "repeat(12, minmax(0, 1fr))",
"none": "none",
"subgrid": "subgrid"
},
"gridTemplateRows": {
"1": "repeat(1, minmax(0, 1fr))",
"2": "repeat(2, minmax(0, 1fr))",
"3": "repeat(3, minmax(0, 1fr))",
"4": "repeat(4, minmax(0, 1fr))",
"5": "repeat(5, minmax(0, 1fr))",
"6": "repeat(6, minmax(0, 1fr))",
"7": "repeat(7, minmax(0, 1fr))",
"8": "repeat(8, minmax(0, 1fr))",
"9": "repeat(9, minmax(0, 1fr))",
"10": "repeat(10, minmax(0, 1fr))",
"11": "repeat(11, minmax(0, 1fr))",
"12": "repeat(12, minmax(0, 1fr))",
"none": "none",
"subgrid": "subgrid"
},
"hueRotate": {
"0": "0deg",
"15": "15deg",
"30": "30deg",
"60": "60deg",
"90": "90deg",
"180": "180deg"
},
"invert": {
"0": "0",
"DEFAULT": "100%"
},
"keyframes": {
"spin": {
"to": {
"transform": "rotate(360deg)"
}
},
"ping": {
"75%, 100%": {
"transform": "scale(2)",
"opacity": "0"
}
},
"pulse": {
"50%": {
"opacity": ".5"
}
},
"bounce": {
"0%, 100%": {
"transform": "translateY(-25%)",
"animationTimingFunction": "cubic-bezier(0.8,0,1,1)"
},
"50%": {
"transform": "none",
"animationTimingFunction": "cubic-bezier(0,0,0.2,1)"
}
}
},
"letterSpacing": {
"tighter": "-0.05em",
"tight": "-0.025em",
"normal": "0em",
"wide": "0.025em",
"wider": "0.05em",
"widest": "0.1em"
},
"lineHeight": {
"3": ".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"
},
"listStyleType": {
"none": "none",
"disc": "disc",
"decimal": "decimal"
},
"listStyleImage": {
"none": "none"
},
"lineClamp": {
"1": "1",
"2": "2",
"3": "3",
"4": "4",
"5": "5",
"6": "6"
},
"objectPosition": {
"bottom": "bottom",
"center": "center",
"left": "left",
"left-bottom": "left bottom",
"left-top": "left top",
"right": "right",
"right-bottom": "right bottom",
"right-top": "right top",
"top": "top"
},
"opacity": {
"0": "0",
"5": "0.05",
"10": "0.1",
"15": "0.15",
"20": "0.2",
"25": "0.25",
"30": "0.3",
"35": "0.35",
"40": "0.4",
"45": "0.45",
"50": "0.5",
"55": "0.55",
"60": "0.6",
"65": "0.65",
"70": "0.7",
"75": "0.75",
"80": "0.8",
"85": "0.85",
"90": "0.9",
"95": "0.95",
"100": "1"
},
"order": {
"1": "1",
"2": "2",
"3": "3",
"4": "4",
"5": "5",
"6": "6",
"7": "7",
"8": "8",
"9": "9",
"10": "10",
"11": "11",
"12": "12",
"first": "-9999",
"last": "9999",
"none": "0"
},
"outlineOffset": {
"0": "0px",
"1": "1px",
"2": "2px",
"4": "4px",
"8": "8px"
},
"outlineWidth": {
"0": "0px",
"1": "1px",
"2": "2px",
"4": "4px",
"8": "8px"
},
"ringOffsetWidth": {
"0": "0px",
"1": "1px",
"2": "2px",
"4": "4px",
"8": "8px"
},
"ringWidth": {
"0": "0px",
"1": "1px",
"2": "2px",
"4": "4px",
"8": "8px",
"DEFAULT": "3px"
},
"rotate": {
"0": "0deg",
"1": "1deg",
"2": "2deg",
"3": "3deg",
"6": "6deg",
"12": "12deg",
"45": "45deg",
"90": "90deg",
"180": "180deg"
},
"saturate": {
"0": "0",
"50": ".5",
"100": "1",
"150": "1.5",
"200": "2"
},
"scale": {
"0": "0",
"50": ".5",
"75": ".75",
"90": ".9",
"95": ".95",
"100": "1",
"105": "1.05",
"110": "1.1",
"125": "1.25",
"150": "1.5"
},
"screens": {
"sm": "640px",
"md": "768px",
"lg": "1024px",
"xl": "1280px",
"2xl": "1536px"
},
"sepia": {
"0": "0",
"DEFAULT": "100%"
},
"skew": {
"0": "0deg",
"1": "1deg",
"2": "2deg",
"3": "3deg",
"6": "6deg",
"12": "12deg"
},
"spacing": {
"0": "0px",
"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",
"96": "24rem",
"px": "1px",
"0.5": "0.125rem",
"1.5": "0.375rem",
"2.5": "0.625rem",
"3.5": "0.875rem"
},
"strokeWidth": {
"0": "0",
"1": "1",
"2": "2"
},
"supports": {},
"data": {},
"textDecorationThickness": {
"0": "0px",
"1": "1px",
"2": "2px",
"4": "4px",
"8": "8px",
"auto": "auto",
"from-font": "from-font"
},
"textUnderlineOffset": {
"0": "0px",
"1": "1px",
"2": "2px",
"4": "4px",
"8": "8px",
"auto": "auto"
},
"transformOrigin": {
"center": "center",
"top": "top",
"top-right": "top right",
"right": "right",
"bottom-right": "bottom right",
"bottom": "bottom",
"bottom-left": "bottom left",
"left": "left",
"top-left": "top left"
},
"transitionDelay": {
"0": "0s",
"75": "75ms",
"100": "100ms",
"150": "150ms",
"200": "200ms",
"300": "300ms",
"500": "500ms",
"700": "700ms",
"1000": "1000ms"
},
"transitionDuration": {
"0": "0s",
"75": "75ms",
"100": "100ms",
"150": "150ms",
"200": "200ms",
"300": "300ms",
"500": "500ms",
"700": "700ms",
"1000": "1000ms",
"DEFAULT": "150ms"
},
"transitionProperty": {
"none": "none",
"all": "all",
"DEFAULT": "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
"colors": "color, background-color, border-color, text-decoration-color, fill, stroke",
"opacity": "opacity",
"shadow": "box-shadow",
"transform": "transform"
},
"transitionTimingFunction": {
"DEFAULT": "cubic-bezier(0.4, 0, 0.2, 1)",
"linear": "linear",
"in": "cubic-bezier(0.4, 0, 1, 1)",
"out": "cubic-bezier(0, 0, 0.2, 1)",
"in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
},
"willChange": {
"auto": "auto",
"scroll": "scroll-position",
"contents": "contents",
"transform": "transform"
},
"zIndex": {
"0": "0",
"10": "10",
"20": "20",
"30": "30",
"40": "40",
"50": "50",
"auto": "auto"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment