-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
90 lines (88 loc) · 2.76 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
/** @type {import('tailwindcss').Config} */
const getSpacing = (base /* number */, unit /* "px" | "rem" */, values /* number[] */) =>
values.reduce((acc, value) => ({ ...acc, [value]: base * value + unit }), {});
const spacing = getSpacing(
0.4,
"rem",
[0, 0.5, 1, 1.5, 2, 2.5, 3, 4, 5, 6, 6.5, 7, 8, 10, 11, 12, 14, 16, 15, 18, 19, 21, 22, 28, 85, 256, 350]
);
module.exports = {
content: ["./src/**/*.{js,ts,jsx,tsx}"],
mode: "jit",
theme: {
extend: {
screens: {
xs: "375px",
},
container: {
center: true,
padding: "1.6rem",
screens: {
"2xl": "1348px",
},
},
colors: {
action: {
1: "#5B68E4",
2: "rgba(91, 104, 228, 0.8)",
3: "rgba(91, 104, 228, 0.6)",
4: "rgba(91, 104, 228, 0.4)",
5: "rgba(91, 104, 228, 0.2)",
},
disabled: {
DEFAULT: "#C2D1E4",
},
brand: {
DEFAULT: "#5B68E4",
},
main: {
DEFAULT: "#394052",
1: "#4F5460",
2: "#8A919F",
3: "#B9C1CF",
4: "rgba(57, 64, 82, 0.15)",
5: "#EEF1F7",
},
},
spacing: {
px: "1px",
...spacing,
},
borderWidth: {
DEFAULT: "1px",
},
fontFamily: {
sans: ["Inconsolata"],
},
fontWeight: {
normal: 400,
regular: 500,
semibold: 600,
bold: 800,
},
fontSize: {
xs: ["1.1rem", "1.6rem"],
sm: ["1.2rem", "2.1rem"],
base: ["1.4rem", "2.1rem"],
md: ["1.6rem", "1.9rem"],
lg: ["2.4rem", "3.2rem"],
xl: ["3.2rem", "4.6rem"],
},
borderRadius: {
DEFAULT: "4px",
full: "50%",
},
boxShadow: {
"decorative-center": "0 32px 0 -16px #394052",
decorative: "16px 16px 0 #394052",
modal: "0px 4px 20px 0px rgba(0, 0, 0, 0.12)",
},
},
},
plugins: [
require("@tailwindcss/forms"), // eslint-disable-line
require("@tailwindcss/typography"), // eslint-disable-line
require("@tailwindcss/aspect-ratio"), // eslint-disable-line
require("tailwind-scrollbar-hide"), // eslint-disable-line
],
};