You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
93 lines
2.5 KiB
93 lines
2.5 KiB
import animate from 'tailwindcss-animate' |
|
import { setupInspiraUI } from '@inspira-ui/plugins' |
|
|
|
/** @type {import('tailwindcss').Config} */ |
|
export default { |
|
darkMode: ['selector', 'class'], |
|
safelist: ['dark'], |
|
content: [ |
|
'./components/**/*.{js,vue,ts}', |
|
'./layouts/**/*.vue', |
|
'./pages/**/*.vue', |
|
'./plugins/**/*.{js,ts}', |
|
'./app.vue', |
|
'./error.vue', |
|
], |
|
theme: { |
|
extend: { |
|
screens: { |
|
sm: { max: '479px' }, |
|
md: { min: '480px', max: '1024px' }, |
|
lg: { min: '1280px' }, |
|
xl: { min: '1920px' }, |
|
}, |
|
spacing: { |
|
13: '3.25rem', |
|
15: '3.75rem', |
|
17: '4.25rem', |
|
19: '4.75rem', |
|
21: '5.25rem', |
|
23: '5.75rem', |
|
25: '6.25rem', |
|
}, |
|
lineHeight: { |
|
13: '3.25rem', |
|
14: '3.5rem', |
|
15: '3.75rem', |
|
16: '4rem', |
|
17: '4.25rem', |
|
24: '6rem', |
|
}, |
|
|
|
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))', |
|
}, |
|
chart: { |
|
1: 'hsl(var(--chart-1))', |
|
2: 'hsl(var(--chart-2))', |
|
3: 'hsl(var(--chart-3))', |
|
4: 'hsl(var(--chart-4))', |
|
5: 'hsl(var(--chart-5))', |
|
}, |
|
}, |
|
borderRadius: { |
|
xl: 'calc(var(--radius) + 4px)', |
|
lg: 'var(--radius)', |
|
md: 'calc(var(--radius) - 2px)', |
|
sm: 'calc(var(--radius) - 4px)', |
|
}, |
|
}, |
|
}, |
|
plugins: [animate, setupInspiraUI, require('tailwindcss-animate')], |
|
}
|
|
|