-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
128 lines (128 loc) · 2.84 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
120
121
122
123
124
125
126
127
128
module.exports = {
purge: ["**/*.html", "**/*.js"],
theme: {
extend: {},
fontFamily: {
sans: "var(--sans)"
},
colors: {
black: {
default: "var(--black)"
},
white: {
default: "var(--white)"
},
grey: {
light: "var(--light-grey)",
default: "var(--mid-grey)",
dark: "var(--dark-grey)"
},
green: {
default: "var(--green)"
},
magenta: {
default: "var(--magenta)"
},
orange: {
default: "var(--orange)"
},
yellow: {
default: "var(--yellow)"
},
mint: {
default: "var(--mint)"
},
blue: {
default: "var(--blue)"
}
},
screens: {
// => @media (min-width: 1280px) { ... }
sm: "640px",
md: "768px",
lg: "1024px",
xl: "1280px"
},
fontSize: {
xs: [
"var(--xs-font-size)",
{
letterSpacing: "var(--xs-letter-spacing)",
lineHeight: "var(--xs-line-height)"
}
],
sm: [
"var(--sm-font-size)",
{
letterSpacing: "var(--sm-letter-spacing)",
lineHeight: "var(--sm-line-height)"
}
],
base: [
"var(--base-font-size)",
{
letterSpacing: "var(--base-letter-spacing)",
lineHeight: "var(--base-line-height)"
}
],
lg: [
"var(--lg-font-size)",
{
letterSpacing: "var(--lg-letter-spacing)",
lineHeight: "var(--lg-line-height)"
}
],
xl: [
"var(--xl-font-size)",
{
letterSpacing: "var(--xl-letter-spacing)",
lineHeight: "var(--xl-line-height)"
}
],
xxl: [
"var(--xxl-font-size)",
{
letterSpacing: "var(--xxl-letter-spacing)",
lineHeight: "var(--xxl-line-height)"
}
],
xxxl: [
"var(--xxxl-font-size)",
{
letterSpacing: "var(--xxxl-letter-spacing)",
lineHeight: "var(--xxxl-line-height)"
}
],
xxxxl: [
"var(--xxxxl-font-size)",
{
letterSpacing: "var(--xxxxl-letter-spacing)",
lineHeight: "var(--xxxxl-line-height)"
}
],
xxxxxl: [
"var(--xxxxxl-font-size)",
{
letterSpacing: "var(--xxxxxl-letter-spacing)",
lineHeight: "var(--xxxxxl-line-height)"
}
],
xxxxxxl: [
"var(--xxxxxxl-font-size)",
{
letterSpacing: "var(--xxxxxxl-letter-spacing)",
lineHeight: "var(--xxxxxxl-line-height)"
}
],
xxxxxxxl: [
"var(--xxxxxxxl-font-size)",
{
letterSpacing: "var(--xxxxxxxl-letter-spacing)",
lineHeight: "var(--xxxxxxxl-line-height)"
}
]
}
},
variants: {},
plugins: []
};