github-jobs-nextJS/tailwind.config.js at master · OzkrMonroy/github-jobs-nextJS · 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
module.exports = {
	future: {
		// removeDeprecatedGapUtilities: true,
		// purgeLayersByDefault: true,
	},
	purge: {
    // './src/**/*.html',
		// './src/**/*.jsx',
		enabled: false
  },
	theme: {
		extend: {
			backgroundImage: (theme) => ({
				"search-img": "url(/backgroundImg.png)",
				"work-img": "url(/workWhite.svg)",
				"world-img": "url(/world.svg)",
				"time-img": "url(/time.svg)",
				"arrow-img": "url(/arrow.svg)",
				"empty-img": "url(/empty.svg)",
				"error-img": "url(/error.svg)"
			}),
			width: {
				"5p": "5%",
				"10p": "10%",
				"25p": "25%",
				"30p": "30%",
				"35p": "35%",
				"40p": "40%",
				"48p": "48%",
				"50p": "50%",
				"55p": "55%",
				"60p": "60%",
				"70p": "70%",
				"75p": "75%",
				"80p": "80%",
				"85p": "85%",
				"90p": "90%",
				"95p": "95%",
				"full": "100%",
				"img-card-width": "500px",
			},
			textColor: {
				font: {
					placeholder: "#B9BDCF",
					primary: "#1E86FF",
					second: " #334680",
				},
			},
			backgroundColor: (theme) => ({
				primary: "#1E86FF",
			}),
			borderColor: (theme) => ({
				primary: "#1E86FF",
				secondary: "#334680",
			}),
			height: {
				"img-card-height": "100px",
				"element-default": "250px"
			}
		},
	},
	variants: {},
	plugins: [],
};