You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

53 lines
1.4 KiB

module.exports = {
content: ["./**/*.{html,py,js}"],
media: false,
darkMode: "class",
theme: {
extend: {
colors: {
primary: {
50: "rgb(var(--color-primary-100) / <alpha-value>)",
100: "rgb(var(--color-primary-100) / <alpha-value>)",
200: "rgb(var(--color-primary-200) / <alpha-value>)",
300: "rgb(var(--color-primary-300) / <alpha-value>)",
400: "rgb(var(--color-primary-400) / <alpha-value>)",
500: "rgb(var(--color-primary-500) / <alpha-value>)",
600: "rgb(var(--color-primary-600) / <alpha-value>)",
700: "rgb(var(--color-primary-700) / <alpha-value>)",
800: "rgb(var(--color-primary-800) / <alpha-value>)",
900: "rgb(var(--color-primary-900) / <alpha-value>)",
},
},
fontSize: {
0: [0, 1],
xxs: ["11px", "14px"],
},
fontFamily: {
sans: ["Inter", "sans-serif"],
},
minWidth: {
sidebar: "18rem",
},
spacing: {
68: "17rem",
128: "32rem",
},
transitionProperty: {
height: "height",
width: "width",
},
width: {
sidebar: "18rem",
},
},
},
variants: {
extend: {
borderColor: ["checked", "focus-within", "hover"],
display: ["group-hover"],
overflow: ["hover"],
textColor: ["hover"],
},
},
plugins: [require("@tailwindcss/typography")],
};