mirror of
https://github.com/lukevella/rallly.git
synced 2025-04-29 02:06:34 +02:00
47 lines
1.2 KiB
JavaScript
47 lines
1.2 KiB
JavaScript
const colors = require("tailwindcss/colors");
|
|
const defaultTheme = require("tailwindcss/defaultTheme");
|
|
|
|
module.exports = {
|
|
content: ["./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}"],
|
|
theme: {
|
|
extend: {
|
|
primary: colors.indigo,
|
|
colors: {
|
|
green: colors.emerald,
|
|
yellow: colors.amber,
|
|
purple: colors.violet,
|
|
},
|
|
keyframes: {
|
|
wiggle: {
|
|
"0%, 100%": { transform: "rotate(-1deg)" },
|
|
"50%": { transform: "rotate(1deg)" },
|
|
},
|
|
popIn: {
|
|
"0%": {
|
|
transform: "scale(0.8)",
|
|
opacity: "0",
|
|
},
|
|
"100%": {
|
|
transform: "scale(1)",
|
|
opacity: "1",
|
|
},
|
|
},
|
|
},
|
|
animation: {
|
|
wiggle: "wiggle 0.2s ease-in-out",
|
|
popIn: "popIn 0.1s ease-out",
|
|
},
|
|
screens: {
|
|
xs: "375px",
|
|
},
|
|
fontFamily: {
|
|
sans: ["Inter var", ...defaultTheme.fontFamily.sans],
|
|
},
|
|
transitionTimingFunction: {
|
|
"in-expo": "cubic-bezier(0.68, -0.6, 0.32, 1.6)",
|
|
"out-expo": "cubic-bezier(0.19, 1, 0.22, 1)",
|
|
},
|
|
},
|
|
},
|
|
plugins: [require("@tailwindcss/forms"), require("@tailwindcss/typography")],
|
|
};
|