-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
119 lines (118 loc) · 2.74 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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./pages/**/*.{js,ts,jsx,tsx}",
"./components/**/*.{js,ts,jsx,tsx}",
],
rules: {
"at-rule-no-unknown": [
true,
{
ignoreAtRules: ["tailwind", "apply"],
},
],
},
theme: {
extend: {
colors: {
offBlack: "#111313",
offBlue: "#01030c",
offWhite: "#F2F2F2",
lightYellow: "#FCF894",
grayBlue: "#CDE1E1",
midGray: "#505A5A",
bright: "#CDFB51",
grad1: "#8BCDF4",
grad2: "#C9F5FD",
grad3: "#C6F8FE",
borderBlue: "#B8F3FF",
darkP: "#462D4A",
foot: "#F7F8E8",
lightY: "#FFFFF9",
lightPurple: "#EDE5FB",
lightWhite: "#FBFBF1",
brightGreen: "#AAFDBE",
bronze: "#BB552D",
midBlue: "#709AF3",
pinkish: "#B42AA1",
},
boxShadow: {
film: "15px 10px 50px -20px rgba(0, 0, 0.8, 0.3)",
film2: "-2px -10px 30px -10px rgba(0, 0.2, 0, 0.3)",
},
cursor: {
empire: "url('/images/empirecursor.png'), auto",
empireA: "url('/images/empirecursorogsmall.png'), auto",
empireS: "url('/images/empirecursorsmall.png'), auto",
},
fontFamily: {
holo: "Nan Holo",
york: "New York",
air: "Air Strike",
emiken: "Emiken",
atmos: "Atmosphere",
alber: "Alberto",
glitch: "Doctor Glitch",
conso: "Conso Regular",
consoM: "Conso Medium",
gaia: "Gaia",
fira: "Fira Code",
firaL: "Fira Code Light",
firaB: "Fira Code Bold",
firaM: "Fira Medium",
din: "DIN Condensed",
futur: "Futurist",
jacklane: "Jack Lane",
},
zIndex: {
1: "1",
2: "2",
3: "3",
},
keyframes: {
marquee: {
"0%": { transform: "translateX(0)" },
"100%": { transform: "translateX(100%)" },
},
unblur: {
"0%": {
filter: "blur(20)",
},
"100%": {
filter: "blur(0)",
},
},
},
width: {
100: "26rem",
110: "30rem",
},
height: {
100: "26rem",
110: "32rem",
},
animation: {
reverseAnimation: "marquee 40s linear infinite",
unblur: "unblur 0.5s linear",
},
fontSize: {
xxs: "0.6rem",
},
gridAutoRows: {
auto: "auto auto",
},
gridAutoColumns: {
auto: "auto auto",
},
screens: {
midi: "1140px",
half: "900px",
alm: "740px",
galaxy: "350px",
wide: "1280px",
equ: "1200px",
},
},
},
plugins: [],
};