raj.how/tailwind.config.ts

90 lines
2.5 KiB
TypeScript
Raw Normal View History

2023-10-27 17:25:16 +05:30
/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: ["class"],
2024-01-09 21:25:30 +05:30
content: ["./src/**/*.{ts,tsx}"],
2023-10-27 16:48:26 +05:30
theme: {
2023-10-27 17:25:16 +05:30
container: {
center: true,
padding: "2rem",
screens: {
"2xl": "1400px",
},
},
2023-10-27 16:48:26 +05:30
extend: {
2024-01-09 21:25:30 +05:30
fontFamily: {
body: "var(--body-font)",
display: "var(--display-font)",
},
2023-10-27 17:25:16 +05:30
colors: {
border: "hsl(var(--border))",
input: "hsl(var(--input))",
ring: "hsl(var(--ring))",
background: "hsl(var(--background))",
foreground: "hsl(var(--foreground))",
primary: {
DEFAULT: "hsl(var(--primary))",
foreground: "hsl(var(--primary-foreground))",
},
secondary: {
DEFAULT: "hsl(var(--secondary))",
foreground: "hsl(var(--secondary-foreground))",
},
destructive: {
DEFAULT: "hsl(var(--destructive))",
foreground: "hsl(var(--destructive-foreground))",
},
muted: {
DEFAULT: "hsl(var(--muted))",
foreground: "hsl(var(--muted-foreground))",
},
accent: {
DEFAULT: "hsl(var(--accent))",
foreground: "hsl(var(--accent-foreground))",
},
popover: {
DEFAULT: "hsl(var(--popover))",
foreground: "hsl(var(--popover-foreground))",
},
card: {
DEFAULT: "hsl(var(--card))",
foreground: "hsl(var(--card-foreground))",
},
},
borderRadius: {
lg: "var(--radius)",
md: "calc(var(--radius) - 2px)",
sm: "calc(var(--radius) - 4px)",
},
keyframes: {
"accordion-down": {
from: { height: 0 },
to: { height: "var(--radix-accordion-content-height)" },
},
"accordion-up": {
from: { height: "var(--radix-accordion-content-height)" },
to: { height: 0 },
},
2024-01-09 22:55:25 +05:30
"fade-in": {
from: { opacity: 0 },
to: { opacity: 1 },
},
"fade-in-from-bottom": {
from: { opacity: 0, transform: "translateY(0.5rem)" },
to: { opacity: 1, transform: "translateY(0)" },
},
2023-10-27 17:25:16 +05:30
},
animation: {
"accordion-down": "accordion-down 0.2s ease-out",
"accordion-up": "accordion-up 0.2s ease-out",
2024-01-09 22:55:25 +05:30
"fade-in": "fade-in 0.8s ease-out",
"fade-in-from-bottom": "fade-in-from-bottom 0.6s ease-out",
2023-10-27 16:48:26 +05:30
},
},
},
2024-01-09 22:55:25 +05:30
plugins: [
require("tailwindcss-animate"),
require("@tailwindcss/typography"),
require("tailwindcss-animation-delay"),
],
2024-01-09 21:25:30 +05:30
};