DigiCommerce/tailwind.front.config.js at main · DigiHold/DigiCommerce · 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
module.exports = {
	content: [
		'./**/*.php',
        '!./includes/admin/**/*.php',
		'./resources/js/**/*.js',
        './resources/css/safelist.txt',
	],
	corePlugins: {
        container: false
    },
	theme: {
        extend: {
            colors: {
                'gold': 'var(--dc-gold)',
				'yellow': 'var(--dc-yellow)',
				'yellow-400': '#facc15',
				'border': 'var(--dc-border)',
				'light-blue': 'var(--dc-light-blue)',
				'light-blue-bg': 'var(--dc-light-blue-bg)',
				'dark-blue': 'var(--dc-dark-blue)',
				'dark-blue-10': 'var(--dc-dark-blue-10)',
				'dark-blue-20': 'var(--dc-dark-blue-20)',
				'hover-blue': 'var(--dc-hover-blue)',
				'grey': 'var(--dc-grey)',
				'dark-grey': 'var(--dc-dark-grey)'
            },
            boxShadow: {
                'base': '0px 0px 20px 0px #E1E4ED',
            }
        },
        screens: {
            'esm': '380px',
            'sm': '640px',
            'md': '768px',
            'mdl': '980px',
            'lg': '1024px',
            'xl': '1140px',
            '2xl': '1280px',
            '3xl': '1380px',
            '4xl': '1480px',
            '7xl': '1700px',
            '9xl': '1980px',
        },
        fontSize: {
            'sm': '0.8rem',
            'medium': '1rem',
            'base': '1.1rem',
            'xl': '1.4rem',
            '2xl': '1.5rem',
            '3xl': '1.8rem',
            '4xl': '2.4rem',
            '5xl': '3.1rem',
        }
    }
}