File size: 3,865 Bytes
6e38ce1 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 | /** @type {import('tailwindcss').Config} */
module.exports = {
content: [
`./src/pages/**/*.{js,jsx,ts,tsx}`,
`./src/components/**/*.{js,jsx,ts,tsx}`,
],
theme: {
extend: {
keyframes: {
'fade-in': {
'0%': { opacity: '0' },
'100%': { opacity: '1' },
},
'scale-in': {
'0%': { transform: 'scale(0.95)', opacity: '0' },
'100%': { transform: 'scale(1)', opacity: '1' },
},
},
animation: {
'fade-in': 'fade-in 0.1s ease-out',
'scale-in': 'scale-in 0.1s ease-out',
},
typography: {
DEFAULT: {
css: {
maxWidth: "100ch",
},
},
},
transitionProperty: {
height: "height",
spacing: "margin, padding",
},
colors: {
primary: "var(--color-bg-primary)",
secondary: "var(--color-bg-secondary)",
accent: "var(--color-bg-accent)",
light: "var(--color-bg-light)",
tertiary: "var(--color-bg-tertiary)",
"blue-400": "var(--color-blue-400)",
"blue-700": "var(--color-blue-700)",
"blue-800": "var(--color-blue-800)",
"blue-900": "var(--color-blue-900)",
"magenta-400": "var(--color-magenta-400)",
"magenta-700": "var(--color-magenta-700)",
"magenta-800": "var(--color-magenta-900)",
"magenta-900": "var(--color-magenta-800)",
"magenta-1000": "var(--color-magenta-1000)",
"gray-700": "var(--color-gray-700)",
"gray-800": "var(--color-gray-800)",
},
textColor: {
accent: "var(--color-text-accent)",
primary: "var(--color-text-primary)",
"primary-active": "var(--color-text-primary-active)",
secondary: "var(--color-text-secondary)",
message: "var(--color-text-message)",
"blue-400": "var(--color-blue-400)",
"blue-700": "var(--color-blue-700)",
"blue-800": "var(--color-blue-800)",
"blue-900": "var(--color-blue-900)",
"magenta-400": "var(--color-magenta-400)",
"magenta-700": "var(--color-magenta-700)",
"magenta-800": "var(--color-magenta-800)",
"magenta-900": "var(--color-magenta-900)",
"gray-700": "var(--color-gray-700)",
"gray-800": "var(--color-gray-800)",
},
borderColor: {
accent: "var(--color-border-accent)",
primary: "var(--color-border-primary)",
secondary: "var(--color-border-secondary)",
"blue-400": "var(--color-blue-400)",
"blue-700": "var(--color-blue-700)",
"blue-800": "var(--color-blue-800)",
"blue-900": "var(--color-blue-900)",
"magenta-400": "var(--color-magenta-400)",
"magenta-700": "var(--color-magenta-700)",
"magenta-800": "var(--color-magenta-800)",
"magenta-900": "var(--color-magenta-900)",
"gray-700": "var(--color-gray-700)",
"gray-800": "var(--color-gray-800)",
},
ringColor: {
accent: "var(--color-text-accent)",
primary: "var(--color-text-primary)",
secondary: "var(--color-text-secondary)",
"blue-400": "var(--color-blue-400)",
"blue-700": "var(--color-blue-700)",
"blue-800": "var(--color-blue-800)",
"magenta-400": "var(--color-magenta-400)",
"magenta-700": "var(--color-magenta-700)",
"magenta-800": "var(--color-magenta-800)",
"magenta-900": "var(--color-magenta-900)",
"gray-700": "var(--color-gray-700)",
"gray-800": "var(--color-gray-800)",
},
},
},
plugins: [
require("@tailwindcss/typography"),
function ({ addBase, theme }) {
addBase({
":root": {
"--tw-bg-opacity": "1",
"--tw-text-opacity": "1",
"--tw-border-opacity": "1",
},
});
},
],
};
|