-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
69 lines (68 loc) · 1.85 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
const colors = require("tailwindcss/colors");
module.exports = {
purge: {
enabled: true,
preserveHtmlElements: false,
content: ["./src/**/*.html", "./src/**/*.vue"],
options: {
safelist: ["dark:bg-night-black"],
},
},
darkMode: "class",
theme: {
colors: {
transparent: "transparent",
white: colors.white,
bluegray: colors.blueGray,
black: colors.black,
gray: colors.coolGray,
red: colors.red,
blue: colors.lightBlue,
yellow: colors.amber,
green: colors.green,
lime: colors.lime,
normalgray: colors.gray,
night: {
black: "#121212",
base: "#181818",
light: "#242424",
},
},
extend: {
colors: {
normalgray: {
850: "#24242A",
},
},
spacing: {
0.5: ".125rem",
9: "2.25rem",
18: "4.5rem",
80: "20rem",
108: "27rem",
140: "35rem",
160: "40rem",
180: "45rem",
},
minHeight: {
20: "5rem",
80: "20rem",
},
opacity: {
90: ".9",
},
maxHeight: {
50: "50vh",
60: "60vh",
},
},
},
variants: {
opacity: ["responsive", "hover", "focus", "disabled"],
backgroundColor: ["responsive", "hover", "focus", "disabled", "dark"],
cursor: ["responsive", "disabled"],
tableLayout: ["responsive", "hover", "focus"],
ringColor: ["responsive", "focus", "dark"],
},
plugins: [],
};