utopia-ui/tailwind.config.js

90 lines
1.9 KiB
JavaScript

/** @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}'],
}