From c1d338b98d9872df542c3435c783467ca4390468 Mon Sep 17 00:00:00 2001 From: pheralb Date: Mon, 23 Sep 2024 10:08:42 +0100 Subject: [PATCH] =?UTF-8?q?=E2=9A=99=EF=B8=8F=20Upgrade=20tailwind.config?= =?UTF-8?q?=20to=20``.ts``?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- tailwind.config.js => tailwind.config.ts | 19 ++++++++++++------- 1 file changed, 12 insertions(+), 7 deletions(-) rename tailwind.config.js => tailwind.config.ts (52%) diff --git a/tailwind.config.js b/tailwind.config.ts similarity index 52% rename from tailwind.config.js rename to tailwind.config.ts index 25634fa..78c8625 100644 --- a/tailwind.config.js +++ b/tailwind.config.ts @@ -1,7 +1,10 @@ -import { fontFamily } from 'tailwindcss/defaultTheme'; +import type { Config } from 'tailwindcss'; -/** @type {import('tailwindcss').Config} */ -export default { +// Plugins: +import defaultTheme from 'tailwindcss/defaultTheme'; +import twTypography from '@tailwindcss/typography'; + +const config = { darkMode: 'class', content: ['./src/**/*.{html,js,svelte,ts}'], theme: { @@ -11,8 +14,8 @@ export default { light: '#f5f5f5' }, fontFamily: { - sans: ['InterVariable', ...fontFamily.sans], - mono: ['GeistMono', ...fontFamily.mono] + sans: ['InterVariable', ...defaultTheme.fontFamily.sans], + mono: ['GeistMono', ...defaultTheme.fontFamily.mono] }, fontSize: { mini: '14px' @@ -20,7 +23,7 @@ export default { } }, plugins: [ - require('@tailwindcss/typography'), + twTypography, ({ addUtilities }) => { addUtilities({ '.text-balance': { @@ -29,4 +32,6 @@ export default { }); } ] -}; +} satisfies Config; + +export default config;