Files
www/tailwind.config.mjs
zeekay 0fd7521801 Rebrand zen-browser to enso-browser
Complete rebranding of marketing website from Zen Browser to Enso Browser.
Updated site config, components, translations, CSS variables (--zen-* to
--enso-*), URLs, metadata, and all user-facing content. New Enso logo
with animated brush-stroke SVG.
2026-02-09 22:43:48 -08:00

65 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(--enso-paper)',
coral: '#F76F53',
dark: 'var(--enso-dark)',
subtle: 'var(--enso-subtle)',
muted: 'var(--enso-muted)',
'enso-blue': '#6287f5',
'enso-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: [],
}