38 lines
961 B
JavaScript
38 lines
961 B
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
'./index.html',
|
|
'./src/**/*.{js,ts,jsx,tsx}',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
accent: '#FF6B6B',
|
|
'accent-light': '#FFE8E8',
|
|
},
|
|
fontFamily: {
|
|
sans: ['-apple-system', 'BlinkMacSystemFont', 'SF Pro Display', 'Noto Sans JP', 'sans-serif'],
|
|
},
|
|
boxShadow: {
|
|
'card': '0 2px 8px rgba(0, 0, 0, 0.08)',
|
|
'card-lg': '0 8px 24px rgba(0, 0, 0, 0.12)',
|
|
},
|
|
animation: {
|
|
'fade-in': 'fadeIn 0.3s ease-out',
|
|
'slide-up': 'slideUp 0.3s ease-out',
|
|
},
|
|
keyframes: {
|
|
fadeIn: {
|
|
from: { opacity: '0', transform: 'translateY(10px)' },
|
|
to: { opacity: '1', transform: 'translateY(0)' },
|
|
},
|
|
slideUp: {
|
|
from: { transform: 'translateY(100%)' },
|
|
to: { transform: 'translateY(0)' },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|