57 lines
1.4 KiB
JavaScript
57 lines
1.4 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ['./index.html', './src/**/*.{js,jsx}'],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
trust: {
|
|
DEFAULT: '#0047AB',
|
|
50: '#E8F0FA',
|
|
100: '#C5D9F2',
|
|
600: '#0047AB',
|
|
700: '#003A8C',
|
|
800: '#002D6D',
|
|
},
|
|
safety: {
|
|
DEFAULT: '#28A745',
|
|
50: '#E8F5EC',
|
|
600: '#28A745',
|
|
700: '#1E7E34',
|
|
},
|
|
emergency: {
|
|
red: '#DC3545',
|
|
orange: '#FD7E14',
|
|
},
|
|
},
|
|
fontFamily: {
|
|
sans: ['Pretendard', '-apple-system', 'BlinkMacSystemFont', 'system-ui', 'sans-serif'],
|
|
},
|
|
boxShadow: {
|
|
card: '0 2px 12px rgba(0, 71, 171, 0.08)',
|
|
'card-dark': '0 2px 16px rgba(0, 0, 0, 0.35)',
|
|
},
|
|
animation: {
|
|
'fade-in': 'fadeIn 0.35s ease-out',
|
|
'slide-up': 'slideUp 0.35s ease-out',
|
|
wave: 'wave 1.2s ease-in-out infinite',
|
|
},
|
|
keyframes: {
|
|
fadeIn: {
|
|
'0%': { opacity: '0' },
|
|
'100%': { opacity: '1' },
|
|
},
|
|
slideUp: {
|
|
'0%': { opacity: '0', transform: 'translateY(12px)' },
|
|
'100%': { opacity: '1', transform: 'translateY(0)' },
|
|
},
|
|
wave: {
|
|
'0%, 100%': { transform: 'scaleY(0.4)' },
|
|
'50%': { transform: 'scaleY(1)' },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|