74 lines
1.9 KiB
JavaScript
74 lines
1.9 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
screens: {
|
|
'xs': '375px',
|
|
'sm': '640px',
|
|
'md': '768px',
|
|
'lg': '1024px',
|
|
'xl': '1280px',
|
|
'2xl': '1536px',
|
|
},
|
|
extend: {
|
|
colors: {
|
|
'primary': '#647C90', // Slate blue
|
|
'secondary': '#2C4A3E', // Forest green
|
|
'accent': {
|
|
'snow': '#F5F7F9', // Snow white
|
|
'mountain': '#4A5568', // Mountain gray
|
|
'lake': '#A4C3D2', // Alpine lake blue
|
|
}
|
|
},
|
|
fontSize: {
|
|
'xs': ['0.75rem', { lineHeight: '1rem' }],
|
|
'sm': ['0.875rem', { lineHeight: '1.25rem' }],
|
|
'base': ['1rem', { lineHeight: '1.5rem' }],
|
|
'lg': ['1.125rem', { lineHeight: '1.75rem' }],
|
|
'xl': ['1.25rem', { lineHeight: '1.75rem' }],
|
|
'2xl': ['1.5rem', { lineHeight: '2rem' }],
|
|
'3xl': ['1.875rem', { lineHeight: '2.25rem' }],
|
|
'4xl': ['2.25rem', { lineHeight: '2.5rem' }],
|
|
},
|
|
spacing: {
|
|
'18': '4.5rem',
|
|
'22': '5.5rem',
|
|
},
|
|
maxWidth: {
|
|
'xxs': '16rem',
|
|
'mobile': '20rem',
|
|
},
|
|
minHeight: {
|
|
'screen-75': '75vh',
|
|
},
|
|
padding: {
|
|
'safe': 'env(safe-area-inset-bottom)',
|
|
},
|
|
zIndex: {
|
|
'60': '60',
|
|
'70': '70',
|
|
},
|
|
animation: {
|
|
'fade-in': 'fadeIn 0.3s ease-in-out',
|
|
'slide-up': 'slideUp 0.4s ease-out',
|
|
},
|
|
keyframes: {
|
|
fadeIn: {
|
|
'0%': { opacity: '0' },
|
|
'100%': { opacity: '1' },
|
|
},
|
|
slideUp: {
|
|
'0%': { transform: 'translateY(10px)', opacity: '0' },
|
|
'100%': { transform: 'translateY(0)', opacity: '1' },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
corePlugins: {
|
|
columns: false // This will disable the column utilities
|
|
}
|
|
}
|