wehub-resource-sync
67 lines
1.9 KiB
JavaScript
67 lines
1.9 KiB
JavaScript
import insforgeTailwindPreset from '@insforge/ui/tailwind-preset';
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
darkMode: ['class'],
|
|
content: ['./src/**/*.{js,ts,jsx,tsx}', '../ui/src/**/*.{ts,tsx}'],
|
|
prefix: '',
|
|
presets: [insforgeTailwindPreset],
|
|
theme: {
|
|
container: {
|
|
center: true,
|
|
padding: '2rem',
|
|
screens: {
|
|
'2xl': '1400px',
|
|
},
|
|
},
|
|
extend: {
|
|
colors: {
|
|
border: 'var(--border)',
|
|
foreground: 'rgb(var(--foreground))',
|
|
'muted-foreground': 'rgb(var(--muted-foreground))',
|
|
primary: 'rgb(var(--primary))',
|
|
destructive: 'rgb(var(--destructive))',
|
|
warning: 'rgb(var(--warning))',
|
|
info: 'rgb(var(--info))',
|
|
card: 'rgb(var(--card))',
|
|
toast: 'rgb(var(--toast))',
|
|
},
|
|
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',
|
|
},
|
|
fontSize: {
|
|
xs: ['0.75rem', { lineHeight: '1rem' }],
|
|
sm: ['0.875rem', { lineHeight: '1.25rem' }],
|
|
base: ['1rem', { lineHeight: '1.5rem' }],
|
|
lg: ['1.125rem', { lineHeight: '1.75rem' }],
|
|
xl: ['1.25rem', { lineHeight: '1.75rem' }],
|
|
'2xl': ['1.5rem', { lineHeight: '2rem' }],
|
|
'3xl': ['1.875rem', { lineHeight: '2.25rem' }],
|
|
'4xl': ['2.25rem', { lineHeight: '2.5rem' }],
|
|
'5xl': ['3rem', { lineHeight: '1' }],
|
|
'6xl': ['3.75rem', { lineHeight: '1' }],
|
|
},
|
|
spacing: {
|
|
18: '4.5rem',
|
|
88: '22rem',
|
|
128: '32rem',
|
|
},
|
|
screens: {
|
|
xs: '475px',
|
|
},
|
|
},
|
|
},
|
|
plugins: [require('tailwindcss-animate')],
|
|
};
|