mirror of
https://github.com/zen-browser/www.git
synced 2025-07-07 17:05:32 +02:00
b91fe93229
The changes show migration from Lucide to custom icon components. The change touches multiple components and includes adding new icon files.
61 lines
1.4 KiB
JavaScript
61 lines
1.4 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,
|
|
},
|
|
fontFamily: {
|
|
junicode: ['Junicode, serif', {
|
|
fontFeatureSettings: {
|
|
'swsh': 1
|
|
}
|
|
}],
|
|
},
|
|
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: [],
|
|
}
|