29 lines
569 B
JavaScript
29 lines
569 B
JavaScript
|
|
||
|
|
// @ts-check
|
||
|
|
import { join } from 'path';
|
||
|
|
|
||
|
|
// 1. Import the Skeleton plugin
|
||
|
|
import { skeleton } from '@skeletonlabs/tw-plugin';
|
||
|
|
|
||
|
|
/** @type {import('tailwindcss').Config} */
|
||
|
|
export default {
|
||
|
|
// 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: { preset: [ "skeleton" ] }
|
||
|
|
})
|
||
|
|
]
|
||
|
|
}
|
||
|
|
|