user-interfaces/tailwind.config.js at develop · PlaceOS/user-interfaces · 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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
module.exports = {
    prefix: '',
    important: '#placeos',
    mode: 'jit',
    content: [
        './apps/**/*.{html,ts,css,scss,sass,less,styl}',
        './libs/**/*.{html,ts,css,scss,sass,less,styl}',
    ],
    darkMode: 'class', // or 'media' or 'class'
    theme: {
        colors: {
            'brand-100': 'var(--brand-100)',
            'brand-200': 'var(--brand-200)',
            'brand-300': 'var(--brand-300)',
            'brand-400': 'var(--brand-400)',
            'brand-500': 'var(--brand-500)',
            'brand-600': 'var(--brand-600)',
            'brand-content': 'var(--brand-content)',
            primary: 'var(--primary)',
            'primary-focus': 'var(--primary-focus)',
            'primary-content': 'var(--primary-content)',
            secondary: 'var(--secondary)',
            'secondary-focus': 'var(--secondary-focus)',
            'secondary-content': 'var(--secondary-content)',
            accent: 'var(--accent)',
            'accent-focus': 'var(--accent-focus)',
            'accent-content': 'var(--accent-content)',
            neutral: 'var(--neutral)',
            'neutral-focus': 'var(--neutral-focus)',
            'neutral-content': 'var(--neutral-content)',
            'base-100': 'var(--base-100)',
            'base-200': 'var(--base-200)',
            'base-300': 'var(--base-300)',
            'base-400': 'var(--base-400)',
            'base-content': 'var(--base-content)',
            info: 'var(--info)',
            'info-light': 'var(--info-light)',
            'info-content': 'var(--info-content)',
            success: 'var(--success)',
            'success-light': 'var(--success-light)',
            'success-content': 'var(--success-content)',
            warning: 'var(--warn)',
            'warning-light': 'var(--warn-light)',
            'warning-content': 'var(--warn-content)',
            error: 'var(--error)',
            'error-light': 'var(--error-light)',
            'error-content': 'var(--error-content)',
            white: '#ffffff',
            black: '#000000',
        },
        extend: {
            lineClamp: {
                7: '7',
                8: '8',
                9: '9',
                10: '10',
            },
        },
    },
    variants: {
        extend: {},
    },
    plugins: [],
};