2023-02-21 07:58:47 +00:00
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
|
|
|
|
|
|
module.exports = {
|
|
|
|
content: ['./src/**/*.{js,ts,jsx,tsx}'],
|
2023-04-15 02:06:29 +00:00
|
|
|
darkMode: 'class',
|
2023-02-21 07:58:47 +00:00
|
|
|
theme: {
|
|
|
|
extend: {
|
|
|
|
boxShadow: {
|
|
|
|
input: `
|
|
|
|
0px 1px 0px -1px var(--tw-shadow-color),
|
|
|
|
0px 1px 1px -1px var(--tw-shadow-color),
|
|
|
|
0px 1px 2px -1px var(--tw-shadow-color),
|
|
|
|
0px 2px 4px -2px var(--tw-shadow-color),
|
|
|
|
0px 3px 6px -3px var(--tw-shadow-color)
|
|
|
|
`,
|
|
|
|
highlight: `
|
|
|
|
inset 0px 0px 0px 1px var(--tw-shadow-color),
|
|
|
|
inset 0px 1px 0px var(--tw-shadow-color)
|
|
|
|
`,
|
2023-04-25 11:19:55 +00:00
|
|
|
popover: `0px 0px 7px rgba(0,0,0,0.52)`,
|
2023-02-21 07:58:47 +00:00
|
|
|
inner: `
|
|
|
|
0 2px 2px rgb(4 4 7 / 45%),
|
|
|
|
0 8px 24px rgb(4 4 7 / 60%)
|
|
|
|
`,
|
2023-03-28 03:16:26 +00:00
|
|
|
button: `
|
2023-05-07 10:13:31 +00:00
|
|
|
rgba(74, 4, 78, 0.5) 0px 2px 8px,
|
|
|
|
rgb(74, 4, 78) 0px 2px 4px,
|
|
|
|
rgb(74, 4, 78) 0px 0px 0px 1px,
|
2023-03-28 03:16:26 +00:00
|
|
|
rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset
|
|
|
|
`,
|
2023-05-08 14:20:49 +00:00
|
|
|
'mini-button': `
|
|
|
|
rgba(13, 16, 23, 0.36) 0px 2px 8px,
|
|
|
|
rgba(13, 16, 23, 0.36) 0px 2px 4px,
|
|
|
|
rgba(13, 16, 23, 0.36) 0px 0px 0px 1px,
|
|
|
|
rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset
|
|
|
|
`,
|
2023-02-21 07:58:47 +00:00
|
|
|
},
|
|
|
|
backgroundImage: {
|
2023-03-27 07:20:19 +00:00
|
|
|
fade: 'linear-gradient(120deg, #000, transparent 30%, transparent 70%, #000)',
|
2023-02-21 07:58:47 +00:00
|
|
|
},
|
|
|
|
keyframes: {
|
2023-03-12 10:00:10 +00:00
|
|
|
moveBg: {
|
|
|
|
'0%': { backgroundPosition: '50px' },
|
|
|
|
'20%': { backgroundPosition: '150px' },
|
|
|
|
'40%': { backgroundPosition: '250px' },
|
|
|
|
'60%': { backgroundPosition: '350px' },
|
|
|
|
'80%': { backgroundPosition: '450px' },
|
|
|
|
'100%': { backgroundPosition: '550px' },
|
|
|
|
},
|
2023-02-21 07:58:47 +00:00
|
|
|
},
|
|
|
|
animation: {
|
2023-03-12 10:00:10 +00:00
|
|
|
moveBg: 'moveBg 3s ease-in-out infinite alternate running forwards',
|
2023-02-21 07:58:47 +00:00
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
plugins: [require('@tailwindcss/typography')],
|
|
|
|
};
|