Files
gongxue-new/tailwind.config.js

77 lines
2.2 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
export default {
content: [
"./docs/**/*.md",
"./docs/.vitepress/**/*.{js,ts,vue}",
],
theme: {
extend: {
fontFamily: {
sans: ['"SF Pro Display"', '"SF Pro Text"', '"Inter"', '"Noto Sans SC"', 'system-ui', 'sans-serif'],
},
colors: {
'apple-grey': '#F5F5F7',
'apple-dark': '#1D1D1F',
'apple-blue': '#0071E3',
'apple-blue-hover': '#0077ED',
'apple-text-gray': '#86868B',
'gongxue': {
primary: '#0071E3',
secondary: '#5E5CE6',
success: '#34C759',
warning: '#FF9500',
danger: '#FF3B30',
dark: '#1D1D1F',
gray: {
50: '#F5F5F7',
100: '#E8E8ED',
200: '#D2D2D7',
300: '#AEAEB2',
400: '#8E8E93',
500: '#636366',
600: '#48484A',
700: '#3A3A3C',
800: '#2C2C2E',
900: '#1C1C1E',
}
}
},
animation: {
'fade-in': 'fadeIn 0.6s ease-out forwards',
'slide-up': 'slideUp 0.6s ease-out forwards',
'slide-down': 'slideDown 0.4s ease-out forwards',
'float': 'float 6s ease-in-out infinite',
'pulse-slow': 'pulse 3s ease-in-out infinite',
},
keyframes: {
fadeIn: {
'0%': { opacity: '0' },
'100%': { opacity: '1' },
},
slideUp: {
'0%': { opacity: '0', transform: 'translateY(20px)' },
'100%': { opacity: '1', transform: 'translateY(0)' },
},
slideDown: {
'0%': { opacity: '0', transform: 'translateY(-10px)' },
'100%': { opacity: '1', transform: 'translateY(0)' },
},
float: {
'0%, 100%': { transform: 'translateY(0)' },
'50%': { transform: 'translateY(-10px)' },
},
},
boxShadow: {
'apple': '0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03)',
'apple-lg': '0 10px 40px -10px rgba(0, 0, 0, 0.1)',
'apple-xl': '0 20px 60px -15px rgba(0, 0, 0, 0.15)',
},
borderRadius: {
'4xl': '2rem',
'5xl': '2.5rem',
}
},
},
plugins: [],
};