-
Notifications
You must be signed in to change notification settings - Fork 30
/
config.js
92 lines (89 loc) · 2.52 KB
/
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
91
92
module.exports = {
"typeScale": [
3, 2.25, 1.5, 1.25, 1, 0.875, 0.75
],
"lineHeight": [1, 1.25, 1.5],
"spacing": [.25, .5, 1, 2, 4, 8, 16],
"customMedia": [
{ "m": 48 },
{ "l": 64 }
],
"colors": {
"black": "#000",
"near-black": "#111",
"dark-gray": "#333",
"mid-gray": "#555",
"gray": "#777",
"silver": "#999",
"light-silver": "#aaa",
"moon-gray": "#ccc",
"light-gray": "#eee",
"near-white": "#f4f4f4",
"white": "#fff",
"black-90": "rgba(0,0,0,.9)",
"black-80": "rgba(0,0,0,.8)",
"black-70": "rgba(0,0,0,.7)",
"black-60": "rgba(0,0,0,.6)",
"black-50": "rgba(0,0,0,.5)",
"black-40": "rgba(0,0,0,.4)",
"black-30": "rgba(0,0,0,.3)",
"black-20": "rgba(0,0,0,.2)",
"black-10": "rgba(0,0,0,.1)",
"black-05": "rgba(0,0,0,.05)",
"black-025": "rgba(0,0,0,.025)",
"black-0125": "rgba(0,0,0,.0125)",
"white-90": "rgba(255,255,255,.9)",
"white-80": "rgba(255,255,255,.8)",
"white-70": "rgba(255,255,255,.7)",
"white-60": "rgba(255,255,255,.6)",
"white-50": "rgba(255,255,255,.5)",
"white-40": "rgba(255,255,255,.4)",
"white-30": "rgba(255,255,255,.3)",
"white-20": "rgba(255,255,255,.2)",
"white-10": "rgba(255,255,255,.1)",
"white-05": "rgba(255,255,255,.05)",
"white-025": "rgba(255,255,255,.025)",
"white-0125": "rgba(255,255,255,.0125)",
"dark-red": "#f00008",
"red": "#ff3223",
"light-red": "#ffd3c0",
"orange": "#f3a801",
"gold": "#f2c800",
"yellow": "#ffde37",
"light-yellow": "#f3dd70",
"purple": "#7d5da9",
"light-purple": "#8d4f92",
"dark-pink": "#c64774",
"hot-pink": "#d62288",
"pink": "#f49cc8",
"light-pink": "#efa4b8",
"dark-green": "#006C71",
"green": "#41D69F",
"light-green": "#9eebcf",
"navy": "#001b44",
"dark-blue": "#00449e",
"blue": "#357edd",
"light-blue": "#96ccff",
"lightest-blue": "#cdecff",
"washed-blue": "#f6fffe",
"washed-green": "#e8fdf5",
"washed-yellow": "#fff8d5",
"washed-red": "#ffdfdf",
},
"nested": {
"links": ["blue", "light-blue"]
},
"borderWidths": [0, .125, .25, .5, 1, 2],
"borderRadius": [0, .125, .25, .5, 1],
"widths": [1, 2, 4, 8, 16],
"maxWidths": [1, 2, 4, 8, 16, 32, 48, 64, 96],
"heights": [1, 2, 4, 8, 16],
"tables": {
"striped": ["light-silver", "moon-gray", "light-gray", "near-white"],
"stripe": ["light", "dark"]
},
"typography":{
"measure": [30, 34, 20]
},
"opacity": [1, .9, .8, .7, .6, .5, .4, .3, .2, .1, .05, .025, 0]
}