65 lines
1.3 KiB
JavaScript
65 lines
1.3 KiB
JavaScript
const config = {
|
|
content: [
|
|
'./src/**/*.{html,js,svelte,ts}',
|
|
'./node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}'
|
|
],
|
|
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
'dark-white': '#F7F7F7',
|
|
black: '#111827',
|
|
'dark-grey': '#1F2937',
|
|
grey: '#374151',
|
|
'light-grey': '#6B7280',
|
|
red: '#DA3C2B',
|
|
yellow: '#DD972A',
|
|
green: '#057A55',
|
|
primary: {
|
|
50: '#FFF5F2',
|
|
100: '#FFF1EE',
|
|
200: '#FFE4DE',
|
|
300: '#FFD5CC',
|
|
400: '#FFBCAD',
|
|
500: '#FE795D',
|
|
600: '#EF562F',
|
|
700: '#EB4F27',
|
|
800: '#CC4522',
|
|
900: '#A5371B'
|
|
}
|
|
|
|
},
|
|
fontFamily: {
|
|
Roboto: ['Roboto', 'sans-serif'],
|
|
Raleway: ['Raleway', 'sans-serif']
|
|
},
|
|
animation: {
|
|
blink: 'blink 4s linear infinite',
|
|
eyes: 'eyes 10s ease-in-out infinite'
|
|
},
|
|
keyframes: {
|
|
blink: {
|
|
'0%, 96%': { transform: 'scaleY(1)' },
|
|
'98%': { transform: 'scaleY(0.1)' }
|
|
},
|
|
eyes: {
|
|
'0%, 25%, 50%, 75%': { transform: 'translate(0, 0)' },
|
|
'30%, 45%': { transform: 'translate(-10px, 0)' },
|
|
'80%, 95%': { transform: 'translate(10px, 0)' }
|
|
}
|
|
},
|
|
boxShadow: {
|
|
'box-light': '0 10px 50px 0 rgba(17, 24, 39, .05)',
|
|
'box-dark': '0 10px 50px 0 rgba(247, 247, 247, .02)'
|
|
}
|
|
}
|
|
},
|
|
|
|
safelist: [
|
|
],
|
|
|
|
plugins: [require('flowbite/plugin')],
|
|
darkMode: 'class'
|
|
};
|
|
|
|
module.exports = config; |