⚙️ Upgrade tailwind.config to `.ts`

This commit is contained in:
pheralb 2024-09-23 10:08:42 +01:00
parent 080ba30398
commit c1d338b98d

View File

@ -1,7 +1,10 @@
import { fontFamily } from 'tailwindcss/defaultTheme'; import type { Config } from 'tailwindcss';
/** @type {import('tailwindcss').Config} */ // Plugins:
export default { import defaultTheme from 'tailwindcss/defaultTheme';
import twTypography from '@tailwindcss/typography';
const config = {
darkMode: 'class', darkMode: 'class',
content: ['./src/**/*.{html,js,svelte,ts}'], content: ['./src/**/*.{html,js,svelte,ts}'],
theme: { theme: {
@ -11,8 +14,8 @@ export default {
light: '#f5f5f5' light: '#f5f5f5'
}, },
fontFamily: { fontFamily: {
sans: ['InterVariable', ...fontFamily.sans], sans: ['InterVariable', ...defaultTheme.fontFamily.sans],
mono: ['GeistMono', ...fontFamily.mono] mono: ['GeistMono', ...defaultTheme.fontFamily.mono]
}, },
fontSize: { fontSize: {
mini: '14px' mini: '14px'
@ -20,7 +23,7 @@ export default {
} }
}, },
plugins: [ plugins: [
require('@tailwindcss/typography'), twTypography,
({ addUtilities }) => { ({ addUtilities }) => {
addUtilities({ addUtilities({
'.text-balance': { '.text-balance': {
@ -29,4 +32,6 @@ export default {
}); });
} }
] ]
}; } satisfies Config;
export default config;