nodem/tailwind.config.js at main · ArkEcosystem/nodem · 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
const defaultConfig = require('./vendor/arkecosystem/foundation/resources/tailwind.config.js');

module.exports = {
    ...defaultConfig,
    theme: {
        ...defaultConfig.theme,
        extend: {
            ...defaultConfig.theme.extend,
            height: {
                ...defaultConfig.theme.extend.height,
                '50': '12.5rem',
                '50.5' : '12.625rem'
            },
            width: {
                ...defaultConfig.theme.extend.width,
                '33': '8.25rem',
                '50': '12.5rem',
                '100': '25rem',
                '137': '34.25rem',
                '175': '43.5rem',
                '191': '47.75rem',
            },
            minWidth: {
                ...defaultConfig.theme.extend.minWidth,
                '50': '12.5rem',
                '60': '15rem',
            },
            animation: {
                'reverse-spin': 'reverse-spin 1s linear infinite'
            },
            keyframes: {
                'reverse-spin': {
                    from: {
                        transform: 'rotate(360deg)'
                    },
                }
            },
        },
    },

    variants: {
        ...defaultConfig.variants,
        borderWidth: ['responsive', 'hover', 'focus', 'first', 'focus-visible'],
        borderColor: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus', 'disabled', 'focus-visible'],
        borderRadius: ['dark', 'responsive', 'hover', 'focus', 'focus-within'],
        margin: ['responsive', 'hover', 'focus', 'first'],
        padding: ['responsive', 'hover', 'focus', 'first'],
        textColor: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus', 'disabled'],
        pointerEvents: ['responsive', 'disabled'],
    },
}