utopia-ui/tailwind.config.js

71 lines
1.5 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./src/**/*.{js,jsx,ts,tsx}",
"./node_modules/tw-elements/dist/js/**/*.js"
],
theme: {
extend: {
zIndex: {
'3000': '3000',
'2000': '2000',
'1000': '1000',
'500': '500',
},
minWidth: {
'80': '320px',
'64': '240px',
'56': '224px',
},
maxWidth: {
'52': '208px',
'64': '240px',
'72': '288px'
},
minHeight: {
'80': '320px',
'64': '240px',
'56': '224px',
},
fontFamily: {
'sans': ["Helvetica", "sans-serif", 'Roboto'],
},
fontSize: {
'map': "13px"
},
lineHeight: {
'map': "1.4em"
}
},
keyframes: {
pulseGrow: {
'0%, 100%': { transform: 'scale(1.00)' },
'80%': { transform: 'scale(1.00)' },
'90%': { transform: 'scale(0.95)' },
},
},
animation: {
pulseGrow: 'pulseGrow 2s ease-in-out infinite',
},
},
plugins: [
require("daisyui"),
require("tw-elements/dist/plugin.cjs")
],
daisyui: {
themes: ["light", "dark", "cupcake", "retro", "cyberpunk", "aqua",
{
docutopia: {
"primary": "#8e00ff",
"secondary": "#00bb7a",
"accent": "#006aff",
"neutral": "#231502",
"base-content": "#ffad6b",
"base-100": "#440844",
},
},]
},
prefix: 'tw-',
content: ['./src/**/*.{js,jsx,ts,tsx}'],
}