32 lines
662 B
TypeScript
32 lines
662 B
TypeScript
|
import { join } from 'path';
|
||
|
|
import type { Config } from 'tailwindcss';
|
||
|
|
|
||
|
|
// 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: [
|
||
|
|
skeleton({
|
||
|
|
themes: {
|
||
|
|
// Register each theme within this array:
|
||
|
|
preset: ["skeleton", "modern", "crimson"]
|
||
|
|
}
|
||
|
|
})
|
||
|
|
]
|
||
|
|
} satisfies Config;
|
||
|
|
|
||
|
|
export default config;
|