mirror of
https://github.com/lukevella/rallly.git
synced 2025-04-29 18:26:34 +02:00
53 lines
1.6 KiB
JavaScript
53 lines
1.6 KiB
JavaScript
const colors = require("tailwindcss/colors");
|
|
const defaultTheme = require("tailwindcss/defaultTheme");
|
|
|
|
module.exports = {
|
|
content: ["./src/pages/**/*.{ts,tsx}", "./src/components/**/*.{ts,tsx}"],
|
|
theme: {
|
|
extend: {
|
|
boxShadow: {
|
|
huge: "0px 51px 78px rgb(17 7 53 / 5%), 0px 21.3066px 35.4944px rgb(17 7 53 / 4%), 0px 11.3915px 18.9418px rgb(17 7 53 / 3%), 0px 6.38599px 9.8801px rgb(17 7 53 / 3%), 0px 3.39155px 4.58665px rgb(17 7 53 / 2%), 0px 1.4113px 1.55262px rgb(17 7 53 / 1%), inset 0px 1px 0px rgb(41 56 78 / 5%)",
|
|
},
|
|
colors: {
|
|
primary: colors.indigo,
|
|
},
|
|
keyframes: {
|
|
wiggle: {
|
|
"0%, 100%": { transform: "rotate(-1deg)" },
|
|
"50%": { transform: "rotate(1deg)" },
|
|
},
|
|
popIn: {
|
|
"0%": {
|
|
transform: "scale(0.8) translateY(-10px)",
|
|
opacity: "0",
|
|
},
|
|
"100%": {
|
|
transform: "scale(1) translateY(0px)",
|
|
opacity: "1",
|
|
translateY: "0",
|
|
},
|
|
},
|
|
},
|
|
animation: {
|
|
wiggle: "wiggle 0.2s ease-in-out",
|
|
popIn: "popIn 0.1s ease-out",
|
|
},
|
|
screens: {
|
|
xs: "375px",
|
|
},
|
|
fontFamily: {
|
|
sans: ["var(--font-inter)", ...defaultTheme.fontFamily.sans],
|
|
mono: ["var(--font-noto)", ...defaultTheme.fontFamily.mono],
|
|
},
|
|
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"),
|
|
require("tailwindcss-animate"),
|
|
],
|
|
};
|