2023-09-02 11:26:05 +00:00
|
|
|
|
|
|
|
import { join } from 'path';
|
|
|
|
import type { Config } from 'tailwindcss';
|
2023-09-06 13:08:55 +00:00
|
|
|
import forms from '@tailwindcss/forms';
|
2023-09-02 11:26:05 +00:00
|
|
|
|
|
|
|
// 1. Import the Skeleton plugin
|
|
|
|
import { skeleton } from '@skeletonlabs/tw-plugin';
|
|
|
|
|
|
|
|
const config = {
|
|
|
|
// 2. Opt for dark mode to be handled via the class method
|
|
|
|
darkMode: 'class',
|
|
|
|
content: [
|
|
|
|
'./src/**/*.{html,js,svelte,ts}',
|
|
|
|
// 3. Append the path to the Skeleton package
|
|
|
|
join(require.resolve(
|
|
|
|
'@skeletonlabs/skeleton'),
|
|
|
|
'../**/*.{html,js,svelte,ts}'
|
|
|
|
)
|
|
|
|
],
|
|
|
|
theme: {
|
|
|
|
extend: {},
|
|
|
|
},
|
|
|
|
plugins: [
|
2023-09-06 13:08:55 +00:00
|
|
|
forms,
|
2023-09-02 11:26:05 +00:00
|
|
|
// 4. Append the Skeleton plugin (after other plugins)
|
|
|
|
skeleton({
|
|
|
|
themes: { preset: ["wintry"] }
|
|
|
|
})
|
|
|
|
]
|
|
|
|
} satisfies Config;
|
|
|
|
|
|
|
|
export default config;
|