9347e2c8bb3220dbc2caa7949fbb21418f034237
[editorial.git] / assets / main / sass / libs / _vars.scss
1 // Misc.
2 $misc: (
3 z-index-base: 10000
4 );
5
6 // Duration.
7 $duration: (
8 menu: 0.5s,
9 transition: 0.2s
10 );
11
12 // Size.
13 $size: (
14 element-height: 3rem,
15 element-margin: 2rem,
16 padding: 2rem,
17 wrapper: 72rem
18 );
19
20 // Font.
21 $font: (
22 family: ('Merriweather', Georgia, serif),
23 family-heading: ('Source Sans Pro', Helvetica, sans-serif),
24 family-fixed: ('Courier New', monospace),
25 weight: 300,
26 weight-bold: 600,
27 weight-heading: 900
28 );
29
30 // Palette.
31 $palette: (
32 wrapper-bg: #212931,
33
34 bg: #ffffff,
35 fg: #212931,
36 fg-bold: #212931,
37 fg-light: mix(#212931, #ffffff, 50%),
38 border: mix(#dcdcdc, #ffffff, 50%),
39 border-bg: rgba(#dcdcdc, 0.25),
40 accent: #18bfef,
41
42 alt: (
43 bg: #f5f5f5,
44 fg: #717981,
45 fg-bold: #717981,
46 fg-light: mix(#717981, #f5f5f5, 50%),
47 border: mix(#dcdcdc, #f5f5f5, 75%),
48 border-bg: rgba(#dcdcdc, 0.5),
49 accent: #18bfef,
50 ),
51
52 invert: (
53 bg: #1e252d,
54 bg-alt: #1e252d,
55 fg: #ffffff,
56 fg-bold: #ffffff,
57 fg-light: rgba(#ffffff, 0.5),
58 border: #ffffff,
59 border-bg: rgba(#ffffff,0.075),
60 accent: #18bfef,
61 ),
62 );