mirror of
https://github.com/zen-browser/www.git
synced 2025-07-07 17:05:32 +02:00
64 lines
1.4 KiB
JavaScript
64 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: [],
|
|
}
|