/** @type {import('tailwindcss').Config} */
module.exports = {
	darkMode: "class",
	content: [
		"./src/**/*.{html,js,svelte,ts}",
		require("path").join(
			require.resolve("@skeletonlabs/skeleton"),
			"../**/*.{html,js,svelte,ts}",
		),
	],
	theme: {
		extend: {
			transitionProperty: {
				width: "width",
			},
		},
	},
	safelist: [
		"float-left",
		"float-right",
		"h-5",
		"w-5", // status bubbles
	],
	plugins: [
		require("@tailwindcss/forms"),
		require("@tailwindcss/typography"),
		...require("@skeletonlabs/skeleton/tailwind/skeleton.cjs")(),
	],
}