forked from zaydek/heroicons.dev
-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
66 lines (65 loc) · 1.51 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
const defaultTheme = require("tailwindcss/defaultTheme")
module.exports = {
theme: {
extend: {
borderRadius: {
"xl": "1rem",
"2xl": "2rem",
},
boxShadow: {
"hero-sm": `
0 0 0 1px rgba(0, 0, 0, 0.05),
0 1px 2px 0 rgba(0, 0, 0, 0.05)
`,
"hero": `
0 0 0 1px rgba(0, 0, 0, 0.05),
0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
`,
"hero-md": `
0 0 0 1px rgba(0, 0, 0, 0.05),
0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
`,
"hero-lg": `
0 0 0 1px rgba(0, 0, 0, 0.05),
0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
`,
"hero-xl": `
0 0 0 1px rgba(0, 0, 0, 0.05),
0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
`,
"hero-2xl": `
0 0 0 1px rgba(0, 0, 0, 0.05),
0 25px 50px -12px rgba(0, 0, 0, 0.25)
`,
},
fontFamily: {
...defaultTheme.fontFamily,
"sans-round": "'DM Sans', sans-serif",
},
letterSpacing: {
"-px": "-0.0125em",
"px": "0.0125em",
},
// https://youtube.com/watch?v=jl_tdhBxc_Y
spacing: {
"1/1": "100%",
},
// https://feathericons.com
strokeWidth: {
hairline: 1, // 100
thin: 1.33, // 200
light: 1.67, // 300
normal: 2, // 400
medium: 2.33, // 500
semibold: 2.67, // 600
bold: 3, // 700
extrabold: 3.33, // 800
black: 4, // 900
},
},
},
variants: {
zIndex: ["hover"],
},
plugins: [],
}