mirror of
https://github.com/zen-browser/www.git
synced 2025-07-07 08:55:32 +02:00
c82ae06030
The changes focus on standardizing layouts, spacing, and container usage throughout the site while enhancing responsive behavior. Key improvements include: - Unified container usage for consistent page widths - Standardized section padding and gaps - Removed redundant padding/margin classes - Better responsive grid layouts - Consistent text alignment and spacing - Cleaner flexbox structures
54 lines
1.3 KiB
JavaScript
54 lines
1.3 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
|
|
darkMode: ['selector', '[data-theme="dark"]'],
|
|
theme: {
|
|
container: {
|
|
screens: {
|
|
sm: "100%",
|
|
md: "100%",
|
|
lg: "1024px",
|
|
xl: "1280px",
|
|
},
|
|
padding: {
|
|
DEFAULT: '1rem',
|
|
sm: '1.5rem',
|
|
md: '1.5rem',
|
|
lg: '1.5rem',
|
|
xl: '2rem',
|
|
},
|
|
center: true,
|
|
},
|
|
extend: {
|
|
screens: {
|
|
'-sm': '@media (max-width: 639px)',
|
|
'-md': '@media (max-width: 767px)',
|
|
'-lg': '@media (max-width: 1023px)',
|
|
},
|
|
colors: {
|
|
paper: 'var(--zen-paper)',
|
|
coral: '#F76F53',
|
|
dark: 'var(--zen-dark)',
|
|
subtle: 'var(--zen-subtle)',
|
|
muted: 'var(--zen-muted)',
|
|
'zen-blue': '#6287f5',
|
|
'zen-green': '#63f78b',
|
|
},
|
|
keyframes: {
|
|
fadeIn: {
|
|
'0%': { opacity: 0 },
|
|
'100%': { opacity: 1 },
|
|
},
|
|
breathe: {
|
|
'50%': { transform: 'scale(1.2)' },
|
|
'0%, 100%': { transform: 'scale(1)' },
|
|
},
|
|
},
|
|
animation: {
|
|
fadeIn: 'fadeIn 2s ease-in-out',
|
|
breathe: 'breathe 5s ease-in-out infinite',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|