utopia-ui/tailwind.config.js
2024-10-29 17:42:04 +01:00

92 lines
1.9 KiB
JavaScript

/* eslint-disable no-undef */
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'./src/**/*.{js,jsx,ts,tsx}',
'./node_modules/tw-elements/dist/js/**/*.js'
],
safelist: [
'tw-mask-squircle',
'tw-mask-circle',
'tw-mask-hexagon-2',
'tw-mask-decagon',
'tw-bg-[#FF99C8]',
'tw-bg-[#fff0d6]',
'tw-bg-[#FCF6BD]',
'tw-bg-[#D0F4DE]',
'tw-bg-[#A9DEF9]',
'tw-bg-[#E4C1F9]',
'tw-bg-[#de324c]',
'tw-bg-[#f4895f]',
'tw-bg-[#f8e16f]',
'tw-bg-[#95cf92]',
'tw-bg-[#369acc]',
'tw-bg-[#9656a2]'
],
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}'],
}