-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy paththeme.ts
More file actions
102 lines (100 loc) · 1.77 KB
/
theme.ts
File metadata and controls
102 lines (100 loc) · 1.77 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
export const theme = {
fonts: {
body: "'Open Sans', sans-serif",
heading: "'Roboto Mono', sans-serif",
},
space: {
primary: "5rem",
secondary: "2rem",
},
sizes: {
container: "96rem",
smallContainer: "72rem",
},
colors: {
text: "#464444",
background: "#fff",
primary: "#ed4337",
white: "#fff",
},
fontSizes: {
large: "8rem",
heading: "3.5rem",
body: "2rem",
smallBody: "1.6rem",
},
fontWeights: {
body: 300,
heading: 500,
bold: 500,
},
links: {
nav: {
userSelect: "none",
"&:hover, &:focus": {
color: "white",
},
},
},
lineHeights: {
body: 1.3,
heading: 1.3,
},
cards: {
primary: {
position: "relative",
display: "flex",
alignItems: "center",
justifyContent: "center",
flexDirection: "column",
padding: 2,
borderRadius: "10rem",
boxShadow: "0 4px 28px -8px #cac9c9",
},
},
radii: {
primary: ".8rem",
},
text: {
heading: {
color: "primary",
fontFamily: "heading",
fontSize: "heading",
fontWeight: "heading",
lineHeight: "heading",
my: "secondary",
},
paragraph: {
maxWidth: "none !important",
},
},
styles: {
root: {
fontFamily: "body",
fontSize: "body",
lineHeight: "body",
fontWeight: "body",
},
a: {
color: "text",
textDecoration: "none",
transition: "color .3s",
"&:hover": {
color: "primary",
},
},
},
layout: {
container: {
px: "secondary",
textAlign: "center",
py: "primary",
},
smallContainer: {
maxWidth: "smallContainer",
px: "secondary",
textAlign: "center",
py: "primary",
},
},
};