Files
OSIT-AE-App-Svelte/tailwind.config.ts
2024-08-23 16:34:28 -04:00

76 lines
1.4 KiB
TypeScript

import { join } from 'path'
import type { Config } from 'tailwindcss'
import forms from '@tailwindcss/forms';
import typography from '@tailwindcss/typography';
import { skeleton } from '@skeletonlabs/tw-plugin'
import { myCustomTheme } from './osit_ae_theme_3'
export default {
darkMode: 'class',
content: ['./src/**/*.{html,js,svelte,ts}', join(require.resolve('@skeletonlabs/skeleton'), '../**/*.{html,js,svelte,ts}')],
theme: {
extend: {
listStyleType: {
// none: 'none',
// disc: 'disc',
// decimal: 'decimal',
// square: 'square',
// roman: 'upper-roman',
},
},
// listStyleType: {
// none: 'none',
// disc: 'disc',
// decimal: 'decimal',
// square: 'square',
// roman: 'upper-roman',
// },
},
plugins: [
forms,
typography,
skeleton({
themes: {
custom: [
myCustomTheme
],
preset: [
{
name: 'gold-nouveau',
enhancements: true,
},
{
name: 'hamlindigo',
enhancements: true,
},
{
name: 'modern',
enhancements: true,
},
{
name: 'rocket',
enhancements: true,
},
{
name: 'wintry',
enhancements: true,
},
],
},
}),
],
} satisfies Config;
// module.exports = {
// theme: {
// listStyleType: {
// none: 'none',
// disc: 'disc',
// decimal: 'decimal',
// square: 'square',
// roman: 'upper-roman',
// },
// },
// };