-
-
Notifications
You must be signed in to change notification settings - Fork 546
/
index.js
75 lines (74 loc) · 1.5 KB
/
index.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
import { tailwind } from "@theme-ui/presets"
export default {
...tailwind,
colors: {
...tailwind.colors,
primary: tailwind.colors.blue[6],
secondary: tailwind.colors.orange[6],
muted: tailwind.colors.gray[6],
textMuted: `#69778c`,
},
styles: {
...tailwind.styles,
a: {
color: `textMuted`,
textDecoration: `none`,
transition: `all 0.3s ease-in-out`,
"&:hover": {
color: `primary`,
},
},
},
cards: {
dashboard: {
background: `white`,
borderRadius: `lg`,
boxShadow: `default`,
p: 3,
svg: {
color: `muted`,
transition: `all 0.3s ease-in-out`,
"&:hover": { color: `primary` },
},
a: {
textTransform: `uppercase`,
fontWeight: `semibold`,
fontSize: 0,
letterSpacing: `wide`,
},
},
icon: {
svg: {
width: [6, 6, 8],
borderRadius: `full`,
p: 2,
background: `white`,
".primary": {
fill: `currentColor`,
color: `primary`,
},
".secondary": {
fill: `currentColor`,
color: `blue.8`,
},
},
},
label: {
boxShadow: `default`,
background: `white`,
px: 3,
py: 2,
borderRadius: `lg`,
ml: 2,
fontSize: 0,
fontWeight: `semibold`,
},
},
grids: {
dashboard: {
display: `grid`,
gridTemplateColumns: [`1fr`, `1fr`, `1fr 1fr`],
gridGap: [3, 3, 4],
},
},
}