ai-comic-factory / tailwind.config.js
jbilcke-hf's picture
jbilcke-hf HF staff
slight UI redesign
1c1e6e9
/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: ["class"],
content: [
'./pages/**/*.{ts,tsx}',
'./components/**/*.{ts,tsx}',
'./app/**/*.{ts,tsx}',
'./src/**/*.{ts,tsx}',
'./src/lib/fonts.ts'
],
theme: {
container: {
center: true,
padding: "2rem",
screens: {
"2xl": "1400px",
},
},
extend: {
spacing: {
17: '4.25rem', // 68px
18: '4.5rem', // 72px
19: '4.75rem', // 76px
20: '5rem', // 80px
21: '5.25rem', // 84px
22: '5.5rem', // 88px
22: '5.5rem', // 88px
26: '6.5rem', // 104px
},
fontFamily: {
indieflower: ['var(--font-indieflower)'],
thegirlnextdoor: ['var(--font-the-girl-next-door)'],
komika: ['var(--font-komika)'],
actionman: ['var(--font-action-man)'],
karantula: ['var(--font-karantula)'],
manoskope: ['var(--font-manoskope)'],
paeteround: ['var(--font-paete-round)'],
qarmic: ['var(--font-qarmic-sans)'],
archrival: ['var(--font-sf-arch-rival)'],
cartoonist: ['var(--font-sf-cartoonist-hand)'],
toontime: ['var(--font-sf-toontime)'],
vtc: ['var(--font-vtc-letterer-pro)'],
digitalstrip: ['var(--font-digital-strip-bb)'],
},
fontSize: {
"7xs": "5px",
"7xs": "6px",
"6xs": "7px",
"5xs": "8px",
"4xs": "9px",
"3xs": "10px",
"2xs": "11px"
},
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 },
},
},
animation: {
"accordion-down": "accordion-down 0.2s ease-out",
"accordion-up": "accordion-up 0.2s ease-out",
},
screens: {
'print': { 'raw': 'print' },
},
gridTemplateColumns: {
'12': 'repeat(12, minmax(0, 1fr))',
'16': 'repeat(16, minmax(0, 1fr))',
},
gridTemplateRows: {
'12': 'repeat(12, minmax(0, 1fr))',
'16': 'repeat(16, minmax(0, 1fr))',
}
},
},
plugins: [require("tailwindcss-animate")],
}