module.exports = {
mode: "all",
content: [
"../src/**/*.{rs,html,css}",
"../dist/**/*.html",
],
theme: {
extend: {
colors: {
"background": 'hsl(var(--background))',
"foreground": 'hsl(var(--foreground))',
"primary": 'hsl(var(--primary))',
"primary-foreground": 'hsl(var(--primary-foreground))',
"secondary": 'hsl(var(--secondary))',
"secondary-foreground": 'hsl(var(--secondary-foreground))',
"accent": 'hsl(var(--accent))',
"accent-foreground": 'hsl(var(--accent-foreground))',
"muted": 'hsl(var(--muted))',
"muted-foreground": 'hsl(var(--muted-foreground))',
"destructive": 'hsl(var(--destructive))',
"destructive-foreground": 'hsl(var(--destructive-foreground))',
"success": 'hsl(var(--success))',
"success-foreground": 'hsl(var(--success-foreground))',
"border": 'hsl(var(--border))',
"input": 'hsl(var(--input))',
"ring": 'hsl(var(--ring))',
},
borderRadius: {
"global-radius": 'var(--global-radius)',
},
boxShadow: {
"global-shadow": 'var(--global-shadow)',
},
keyframes: {
"shimmer" : {
"100%" : {
"transform" : "translateX(200%)",
}
}
},
fontSize: {
},
},
},
plugins: [],
}