memo-draw/tailwind.config.js at main · tylp/memo-draw · 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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
module.exports = {
	purge: {
		content: [
			'./src/pages/**/*.{js,ts,jsx,tsx}',
			'./src/components/**/*.{js,ts,jsx,tsx}',
		],
		safelist: [
			'bg-blue-darker-blue',
			'bg-grey-light-grey',
			'bg-pink-dark-pink',
			'border-2',
			'border-blue-light-blue',
			'border-yellow-light-yellow',
			'cursor-default',
			'duration-300',
			'flex',
			'flex-1',
			'flex-row',
			'font-rubik-bold',
			'h-16',
			'h-8',
			'h-full',
			'hover:bg-blue-blue',
			'hover:bg-pink-light-pink',
			'items-center',
			'mb-2',
			'mb-5',
			'mb-6',
			'ml-2',
			'ml-3.5',
			'mr-2',
			'mr-3.5',
			'mt-2',
			'mt-6',
			'p-4',
			'pb-1',
			'pb-5',
			'pl-2',
			'pl-4',
			'pr-1',
			'pr-3',
			'pr-4',
			'pt-1',
			'pt-5',
			'relative',
			'ring-2',
			'ring-yellow-light-yellow',
			'text-blue-light-blue',
			'text-grey-grey',
			'text-white-white',
			'text-yellow-light-yellow',
			'transition',
			'uppercase',
			'w-full',
			'z-10',
		],
	},
	darkMode: false, // or 'media' or 'class'
	theme: {
		extend: {
			fontFamily: {
				'rubik': ['Rubik'],
				'rubik-bold': ['Rubik-Bold'],
				'rubik-extra-bold': ['Rubik-ExtraBold'],
				'rubik-black': ['Rubik-Black'],
			},
		},
		colors: {
			blue: {
				'darker-blue': '#004063',
				200: '#007391',
				'blue': '#006DBB',
				'light-blue': '#00BAE3',
				'lighter-blue': '#33C5F5',
			},
			black: {
				'black': '#000000',
			},
			grey: {
				'grey': '#4D4D4D',
				'light-grey': '#42788F',
				'lighter-grey': '#f5f5f5',
			},
			pink: {
				'dark-pink': '#ED1E79',
				'light-pink': '#FF7BAC',
			},
			yellow: {
				'dark-yellow': '#CCAC0F',
				'light-yellow': '#FFE500',
			},
			white: {
				'white': '#FFFFFF',
			},
		},
		animation: {
			'spin-bezier': 'spin 1s cubic-bezier(.20, 1, .8, .5) infinite',
		},
	},
	variants: {
		extend: {},
	},
	plugins: [],
}