-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path_vars.scss
75 lines (68 loc) · 1.65 KB
/
_vars.scss
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
// Misc.
$misc: (
z-index-base: 10000
);
// Duration.
$duration: (
transition: 0.2s,
loader-fadein: 1s,
bg-fadein: 0.5s
);
// Size.
$size: (
element-height: 3em,
element-margin: 2em,
container-width: 35em
);
// Font.
$font: (
family: ('Raleway', 'Helvetica', sans-serif),
family-fixed: ('Courier New', monospace),
weight: 400,
weight-bold: 700,
weight-heavy: 800
);
// Palette.
$palette: (
bg: #fff,
fg: #6f7577,
fg-bold: #61686b,
fg-light: #a8b0b3,
fg-lighter: #e8f0f3,
border: #dddddd,
border-bg: rgba(144,144,144,0.075),
border2: #d3d3d3,
border2-bg: rgba(144,144,144,0.15),
alt: (
fg-bold: #ffffff,
fg: rgba(255,255,255,0.5),
fg-light: rgba(255,255,255,0.35),
fg-lighter: rgba(255,255,255,0.2),
border: #ffffff,
border-bg: rgba(255,255,255,0.075),
border2: #ffffff,
border2-bg: rgba(255,255,255,0.15)
),
accent1: (
bg: #8cd1a8,
fg-bold: #ffffff,
fg: mix(#8cd1a8, #ffffff, 25%),
fg-light: mix(#8cd1a8, #ffffff, 40%),
fg-lighter: mix(#8cd1a8, #ffffff, 90%),
border: rgba(255,255,255,0.25),
border-bg: rgba(255,255,255,0.075),
border2: rgba(255,255,255,0.5),
border2-bg: rgba(255,255,255,0.2)
),
accent2: (
bg: #313a3d,
fg-bold: #ffffff,
fg: mix(#313a3d, #ffffff, 25%),
fg-light: mix(#313a3d, #ffffff, 40%),
fg-lighter: mix(#313a3d, #ffffff, 90%),
border: rgba(255,255,255,0.25),
border-bg: rgba(255,255,255,0.075),
border2: rgba(255,255,255,0.5),
border2-bg: rgba(255,255,255,0.2)
)
);