thor-tea-cooler-frontend-basic/tailwind.config.js at main · HodoArmand/thor-tea-cooler-frontend-basic · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
    darkMode: 'class',
    content: [
        "./public/*.{html,js}",
        "./node_modules/flowbite/**/*.js",
        'node_modules/preline/dist/*.js'
    ],
    theme: {
        extend: {
            colors: {
                'ttcgreen': '#2b9348',
            },
            spacing: {
                '18': '4.2rem',
                '19': '4.4rem',
                '20': '4.6rem',
                '22': '4.8rem',
                '23': '4.9rem',
            },
            transitionProperty: {
                'bg': 'background',
                'height': 'height',
                'spacing': 'margin, padding',
            },
            animation: {
                'spin-slow': 'spin 2s linear infinite',
                'spin-slower': 'spin 3s linear infinite',
                'spin-veryslow': 'spin 4s linear infinite',
                'reverse-spin': 'reverse-spin 1s linear infinite',
                'reverse-spin-slow': 'reverse-spin 2s linear infinite',
                'reverse-spin-slower': 'reverse-spin 3s linear infinite',
                'reverse-spin-veryslow': 'reverse-spin 4s linear infinite',
            },
            keyframes: {
                'reverse-spin': {
                    from: {
                        transform: 'rotate(360deg)'
                    },
                }
            }
        },
    },
    plugins: [
        require('preline/plugin'),
        require('autoprefixer'),
    ],
}