2024-04-23 22:06:30 +00:00
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
|
|
export default {
|
|
|
|
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
|
|
|
|
theme: {
|
|
|
|
extend: {
|
|
|
|
colors: {
|
|
|
|
'c-bg': 'var(--c-bg)',
|
|
|
|
'c-on-bg': 'var(--c-on-bg)',
|
2024-05-01 11:50:59 +00:00
|
|
|
'c-bg-2': 'var(--c-bg-2)',
|
2024-04-23 22:06:30 +00:00
|
|
|
},
|
2024-05-20 22:47:25 +00:00
|
|
|
fontFamily: {
|
|
|
|
"etoile": ["'Iosevka Etoile Web'", "serif"],
|
2024-07-15 14:05:28 +00:00
|
|
|
"display": ["'Outfit'", "sans-serif"],
|
2024-05-20 22:47:25 +00:00
|
|
|
}
|
2024-04-23 22:06:30 +00:00
|
|
|
},
|
|
|
|
},
|
2024-05-04 13:20:29 +00:00
|
|
|
plugins: [
|
|
|
|
function ({ addComponents }) {
|
|
|
|
addComponents({
|
|
|
|
'.container': {
|
|
|
|
width: '98%',
|
|
|
|
'@screen sm': {
|
|
|
|
maxWidth: '640px',
|
|
|
|
},
|
|
|
|
'@screen md': {
|
|
|
|
maxWidth: '768px',
|
|
|
|
},
|
|
|
|
'@screen lg': {
|
|
|
|
maxWidth: '1024px',
|
|
|
|
},
|
|
|
|
'@screen xl': {
|
|
|
|
maxWidth: '1400px',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
})
|
|
|
|
}
|
|
|
|
],
|
2024-04-23 22:06:30 +00:00
|
|
|
}
|