mirror of
https://github.com/luminous-devs/lume.git
synced 2024-09-18 11:13:30 +00:00
62 lines
1.9 KiB
JavaScript
62 lines
1.9 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
|
|
module.exports = {
|
|
content: ['./src/**/*.{js,ts,jsx,tsx}'],
|
|
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)
|
|
`,
|
|
modal: `
|
|
0 -2px 6px hsl(0deg 0% 100% / 17%),
|
|
0 5px 18px rgb(0 0 0 / 40%),
|
|
0 4px 40px 8px rgb(0 0 0 / 40%),
|
|
0 1px 4px -1px rgb(0 0 0 / 30%),
|
|
inset 0 0 0 0.3px hsl(0deg 0% 100% / 30%),
|
|
0 0 0 0.5px hsl(0deg 0% 100% / 40%);
|
|
`,
|
|
inner: `
|
|
0 2px 2px rgb(4 4 7 / 45%),
|
|
0 8px 24px rgb(4 4 7 / 60%)
|
|
`,
|
|
},
|
|
backgroundColor: {
|
|
'near-black': '#07070d',
|
|
'white/2.5': 'hsla(0,0%,100%,.025)',
|
|
},
|
|
backgroundImage: {
|
|
'gradient-conic': 'conic-gradient(var(--tw-gradient-stops))',
|
|
},
|
|
keyframes: {
|
|
disco: {
|
|
'0%': { transform: 'translateY(-50%) rotate(0deg)' },
|
|
'100%': { transform: 'translateY(-50%) rotate(360deg)' },
|
|
},
|
|
overlayShow: {
|
|
from: { opacity: 0 },
|
|
to: { opacity: 1 },
|
|
},
|
|
contentShow: {
|
|
from: { opacity: 0, transform: 'translate(-50%, -48%) scale(0.96)' },
|
|
to: { opacity: 1, transform: 'translate(-50%, -50%) scale(1)' },
|
|
},
|
|
},
|
|
animation: {
|
|
disco: 'disco 1.5s linear infinite',
|
|
overlayShow: 'overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1)',
|
|
contentShow: 'contentShow 150ms cubic-bezier(0.16, 1, 0.3, 1)',
|
|
},
|
|
},
|
|
},
|
|
plugins: [require('@tailwindcss/typography')],
|
|
};
|