-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
90 lines (81 loc) · 2.71 KB
/
tailwind.config.js
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
const defaultTheme = require("tailwindcss/defaultTheme");
module.exports = {
purge: [
"./storage/framework/views/*.php",
"./resources/views/**/*.blade.php",
],
theme: {
extend: {
fontFamily: {
sans: ["Noto Sans", ...defaultTheme.fontFamily.sans],
serif: ["Rockwell Nova Cond", ...defaultTheme.fontFamily.serif],
mono: ["Terminal One", ...defaultTheme.fontFamily.mono],
},
backgroundImage: theme => ({
'gradient-to-r-slanted': 'linear-gradient(87deg, var(--tw-gradient-stops))',
'gradient-to-r-270': 'linear-gradient(270deg, var(--tw-gradient-stops))',
'gradient-to-r-260': 'linear-gradient(260deg, var(--tw-gradient-stops))',
'gradient-to-r-334': 'linear-gradient(334deg, var(--tw-gradient-stops))',
'gradient-to-r-252': 'linear-gradient(252deg, var(--tw-gradient-stops))',
'gradient-to-r-216': 'linear-gradient(216deg, var(--tw-gradient-stops))',
}),
fontSize: {
"8xl": "6rem",
"9xl": "9rem",
"10xl": "11rem",
},
colors: {
gray: {
...defaultTheme.colors.gray,
200: "#E2E2E2",
300: "#D0D0D0",
400: "#A5A5A5",
500: "#918585",
700: "#767474",
800: "#413939",
},
yellow: {
...defaultTheme.colors.yellow,
200: "#fffdc1",
400: "#FFFA60",
500: "#F5FF00",
600: "#FAC820",
},
pink: {
...defaultTheme.colors.pink,
400: "#F4538A",
600: "#CE4369",
700: "#C32E57"
},
red: {
...defaultTheme.colors.red,
800: "#655959",
},
},
letterSpacing: {
wider: ".08em",
widest: ".3em",
},
height: {
"1/2-screen": "50vh",
"5/6-screen": "83.33333333333333vh",
},
minHeight: {
96: "24rem",
},
scale: {
'200': '2',
},
skew: {
'24': '24deg',
'-24': '-24deg',
}
},
},
variants: {
extend: {
backgroundColor: ['active', 'disabled'],
backgroundImage: ['hover', 'disabled'],
}
},
};