student-finance-tracker/tailwind.config.js at main · JericN/student-finance-tracker · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
import forms from '@tailwindcss/forms';
import { join } from 'path';
import { sft } from './src/sft';
import { skeleton } from '@skeletonlabs/tw-plugin';
import typography from '@tailwindcss/typography';

export default {
    darkMode: 'class',
    content: [
        './src/**/*.{html,js,svelte,ts}',
        join(require.resolve('@skeletonlabs/skeleton'), '../**/*.{html,js,svelte,ts}'),
    ],
    theme: {
        extend: {
            fontSize: {
                '3xs': '6px',
                '2xs': '8px',
            },
            scale: {
                101: '1.01',
            },
            colors: {
                income: '#18366b',
                expense: '#6e1717',
                neutral: '#103d1a',
                light: 'rgba(var(--color-surface-100) / 1)',
                dark: 'rgba(var(--color-surface-900) / 1)',
            },
            gridTemplateColumns: {
                thead: '22px 25px minmax(50px, 1fr) 60px 60px',
                tbody: '22px 70px minmax(50px, 1fr) 60px 60px',
            },
            borderRadius: {
                sm: '4px',
                xs: '2px',
            },
        },
    },
    plugins: [
        forms,
        typography,
        skeleton({
            themes: {
                custom: [sft],
            },
        }),
    ],
};