-
Notifications
You must be signed in to change notification settings - Fork 5
Expand file tree
/
Copy pathtailwind.config.js
More file actions
114 lines (114 loc) · 4.9 KB
/
tailwind.config.js
File metadata and controls
114 lines (114 loc) · 4.9 KB
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
/** @type {import('tailwindcss').Config} */
export default {
content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
theme: {
extend: {
fontSize: {
xxs: "0.65rem",
},
colors: {
primary: "var(--color-primary)",
"primary-hover": "var(--color-primary-hover)",
secondary: "var(--color-secondary)",
"secondary-hover": "var(--color-secondary-hover)",
"background-game": "var(--color-background-game)",
"dark-mode": "var(--color-text-dark-mode)",
progress: "var(--color-progress)",
hitpoints: "var(--color-hitpoints)",
manapoints: "var(--color-manapoints)",
divider: "var(--color-divider)",
ability: "var(--color-ability)",
"ability-hover": "var(--color-ability-hover)",
"market-sell": "var(--color-market-sell)",
"market-sell-hover": "var(--color-market-sell-hover)",
"market-buy": "var(--color-market-buy)",
"market-buy-hover": "var(--color-market-buy-hover)",
success: "var(--color-success)",
"success-hover": "var(--color-success-hover)",
warning: "var(--color-warning)",
"warning-hover": "var(--color-warning-hover)",
empty: "var(--color-empty)",
"empty-hover": "var(--color-empty-hover)",
disabled: "var(--color-disabled)",
background: "var(--color-background)",
midnight: {
100: "var(--color-midnight-100)",
200: "var(--color-midnight-200)",
300: "var(--color-midnight-300)",
400: "var(--color-midnight-400)",
500: "var(--color-midnight-500)",
550: "var(--color-midnight-550)",
600: "var(--color-midnight-600)",
700: "var(--color-midnight-700)",
800: "var(--color-midnight-800)",
900: "var(--color-midnight-900)",
},
ocean: {
200: "var(--color-ocean-200)",
300: "var(--color-ocean-300)",
400: "var(--color-ocean-400)",
500: "var(--color-ocean-500)",
600: "var(--color-ocean-600)",
700: "var(--color-ocean-700)",
800: "var(--color-ocean-800)",
},
orange: {
400: "var(--color-orange-400)",
500: "var(--color-orange-500)",
550: "var(--color-orange-550)",
600: "var(--color-orange-600)",
650: "var(--color-orange-650)",
700: "var(--color-orange-700)",
},
scarlet: {
400: "var(--color-scarlet-400)",
500: "var(--color-scarlet-500)",
600: "var(--color-scarlet-600)",
700: "var(--color-scarlet-700)",
800: "var(--color-scarlet-800)",
},
space: {
100: "var(--color-space-100)",
200: "var(--color-space-200)",
250: "var(--color-space-250)",
300: "var(--color-space-300)",
400: "var(--color-space-400)",
500: "var(--color-space-500)",
600: "var(--color-space-600)",
650: "var(--color-space-650)",
700: "var(--color-space-700)",
750: "var(--color-space-750)",
800: "var(--color-space-800)",
850: "var(--color-space-850)",
880: "var(--color-space-880)",
900: "var(--color-space-900)",
950: "var(--color-space-950)",
},
neutral: {
50: "var(--color-neutral-50)",
100: "var(--color-neutral-100)",
200: "var(--color-neutral-200)",
},
jade: {
300: "var(--color-jade-300)",
400: "var(--color-jade-400)",
500: "var(--color-jade-500)",
},
burble: {
200: "var(--color-burble-200)",
250: "var(--color-burble-250)",
300: "var(--color-burble-300)",
350: "var(--color-burble-350)",
400: "var(--color-burble-400)",
},
carol: {
300: "var(--color-carol-300)",
},
},
borderRadius: {
"mwi-default": "4px",
},
},
},
plugins: [],
};