-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
47 lines (46 loc) · 1.37 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
module.exports = {
mode: "jit",
purge: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"],
content: [
"./src/pages/**/*.{js,ts,jsx,tsx}",
"./src/components/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {
colors: {
primary: "var(--color-primary)",
"primary-variant": "var(--color-primary-variant)",
"on-primary": "var(--color-on-primary)",
secondary: "var(--color-secondary)",
"secondary-variant": "var(--color-secondary-variant)",
"on-secondary": "var(--color-on-secondary-variant)",
background: "var(--color-background)",
"on-background": "var(--color-on-background)",
//dark: "var(--color-dark)",
"on-dark": "var(--color-on-dark)",
surface: "var(--color-surface)",
"on-surface": "var(--color-on-surface)",
light: "var(--color-text-light)",
error: "var(--color-error)",
"on-error": "var(--color-on-error)",
dark: {
300: "var(--color-dark-300)",
700: "var(--color-dark-700)",
900: "var(--color-dark-900)",
},
},
transitionProperty: {
height: "height",
spacing: "margin, padding",
},
gridTemplateRows: {
page: "5vh calc(90vh)",
},
gridTemplateColumns: {
page: "250px auto",
"page-sm": "4rem auto",
},
},
},
plugins: [],
};