panel-module/tailwind.config.js at main · mortada-jafar/panel-module · 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
65
module.exports = {
    variants: {
        zIndex: ['responsive', 'hover'],
        position: ['responsive', 'hover'],
        padding: ['responsive', 'last'],
        margin: ['responsive', 'last'],
        borderWidth: ['responsive', 'last']
    },
    plugins: [
        require('tailwindcss-rtl'),
    ],
    purge: {
        mode: 'all',
        content: [
            '../../resources/views/errors/*.blade.php',
            '../Admin/Resources/views/**/*.blade.php',
            './Resources/views/**/*.blade.php',
            './Resources/assets/sass/*.scss',
        ],

        options: {
            whitelistPatterns: [/span/, /datepicker/, /jq-toast/, /gap-/],
            whitelistPatternsChildren: [/span/, /datepicker/, /tail-select/, /jq-toast/, /gap-/],
        }
    },
    theme: {
        extend: {
            colors: {
                theme: {
                    primary: '#1C3FAA',
                    secondary: '#1C3FAA',
                    tertiaryColor: '#f1f5f8',
                    secondaryDark: '#365a74',
                    secondaryLight: '#1A389F',
                    white: '#fff',
                    grey: '#5a8ab5',
                    whitesmoke: '#000000',
                    lightblue: '#d2dfea',
                    purple: '#683672',
                    info: '#91c714',
                    danger: '#d32929',
                }
            },
            fontFamily: {
                'roboto': ['Roboto'],
                'shabnam': ['Shabnam']
            },
            container: {
                center: true
            },
            maxWidth: {
                '1/4': '25%',
                '1/2': '50%',
                '3/4': '75%'
            },
            screens: {
                'sm': '640px',
                'md': '768px',
                'lg': '1024px',
                'xl': '1280px',
                'xxl': '1600px'
            }
        }
    }
}