113 lines
2.8 KiB
JavaScript
113 lines
2.8 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: [
|
|
"./app/**/*.{js,ts,jsx,tsx}",
|
|
"./pages/**/*.{js,ts,jsx,tsx}",
|
|
"./components/**/*.{js,ts,jsx,tsx}",
|
|
|
|
// Or if using `src` directory:
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
nerd: ["DejaVuSansMono"],
|
|
},
|
|
colors: {
|
|
"ada-werefox-cyan": {
|
|
light: "#AAFFFF",
|
|
DEFAULT: "#50FFFF",
|
|
dark: "#008888",
|
|
},
|
|
"ada-werefox-grey": {
|
|
lightest: "#EEE",
|
|
lighter: "#DBDBDB",
|
|
light: "#CCC",
|
|
DEFAULT: "#424242",
|
|
dark: "#242424",
|
|
darker: "#121212",
|
|
},
|
|
"skye-werefox-blue": {
|
|
light: "#94C2FF",
|
|
DEFAULT: "#75B1FF",
|
|
dark: "#0052B8",
|
|
darker: "#00377A",
|
|
darkest: "#00326B",
|
|
},
|
|
"skye-werefox-pink": {
|
|
DEFAULT: "#FF84CA",
|
|
dark: "#9E0054",
|
|
darker: "#8A0040",
|
|
darkest: "#75003F",
|
|
},
|
|
"skye-werefox-grey": {
|
|
lightest: "#EEE",
|
|
lighter: "#DBDBDB",
|
|
light: "#CCC",
|
|
DEFAULT: "#424242",
|
|
dark: "#242424",
|
|
darker: "#121212",
|
|
},
|
|
"alice-werefox-grey": {
|
|
lightest: "#EEE",
|
|
lighter: "#DBDBDB",
|
|
light: "#CCC",
|
|
DEFAULT: "#242424",
|
|
dark: "#121212",
|
|
darker: "#000",
|
|
},
|
|
"alice-werefox-red": {
|
|
light: "#E08587",
|
|
DEFAULT: "#c93439",
|
|
dark: "#800008",
|
|
darker: "#550006",
|
|
darkest: "#7A0000",
|
|
},
|
|
"alice-werefox-blue": {
|
|
light: "#9197F3",
|
|
DEFAULT: "#1b29e0",
|
|
dark: "#3300FF",
|
|
darker: "#2C00DB",
|
|
darkest: "#2700C2",
|
|
},
|
|
},
|
|
keyframes: {
|
|
growshrink: {
|
|
"0%": {
|
|
transform: "scale(0.5)",
|
|
},
|
|
"40%": {
|
|
transform: "scale(1.2)",
|
|
},
|
|
"60%": {
|
|
transform: "scale(1.2)",
|
|
},
|
|
"100% ": {
|
|
transform: "scale(0.5)",
|
|
},
|
|
},
|
|
wiggle: {
|
|
"0%, 100%": { transform: "rotate(-1deg)" },
|
|
"50%": { transform: "rotate(1deg)" },
|
|
},
|
|
jiggle: {
|
|
"0%, 100%": { transform: "rotate(0deg)" },
|
|
"25%": { transform: "rotate(-10deg)" },
|
|
"75%": { transform: "rotate(10deg)" },
|
|
},
|
|
yip: {
|
|
"0%, 100%": { transform: "scale(1, 1)" },
|
|
"50%": { transform: "scale(1.01, 1.01)" },
|
|
},
|
|
},
|
|
animation: {
|
|
wiggle: "wiggle 7s ease-in-out infinite",
|
|
jiggle: "jiggle 5s cubic-bezier(0.75,0.25,0.25,0.75) infinite",
|
|
yip: "yip 0.1s ease-in-out",
|
|
growshrink: "growshrink 2s cubic-bezier(1, 0, 0, 1) infinite",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|