_settings.scss 1.52 KB
Newer Older
1 2 3 4 5
// 1. Global
// ---------

$global-font-size: 14px;
$global-lineheight: 1.5;
6
$black: #17354e;
7 8 9 10 11 12 13 14
$white: #fefefe;
$body-background: $white;
$body-font-color: $black;
$body-font-family: Lato, 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
$body-antialiased: true;
$global-weight-normal: normal;
$global-weight-bold: bold;
$global-radius: 0;
Anne Lyle's avatar
Anne Lyle committed
15
$global-padding-left: 100px;
16
$global-button-cursor: auto;
Andrey Azov's avatar
Andrey Azov committed
17 18 19

// Colour Palette
// ---------
20

21
$ens-black: #17354e;
Andrey Azov's avatar
Andrey Azov committed
22
$ens-shadow-color: rgba(0, 0, 0, 0.4);
23 24 25 26 27 28

$ens-light-blue: #e5f5ff; // text highlight
$ens-blue: #33adff; // blue on black
$ens-dark-blue: #0099ff; // blue on white

$ens-light-grey: #f1f2f4;
Andrey Azov's avatar
Andrey Azov committed
29
$ens-medium-light-grey: #d4d9de;
30
$ens-grey: #b7c0c8;
Andrey Azov's avatar
Andrey Azov committed
31
$ens-medium-dark-grey: #9aa7b1;
32 33
$ens-dark-grey: #6f8190;

Andrey Azov's avatar
Andrey Azov committed
34 35
$ens-red: #d90000;

36
$ens-green: #47d147;
Andrey Azov's avatar
Andrey Azov committed
37

38 39
$ens-white: #fff;

Anne Lyle's avatar
Anne Lyle committed
40 41
$global-box-shadow: $ens-medium-light-grey;

42
/* stylelint-disable */
Anne Lyle's avatar
Anne Lyle committed
43 44
:export {
  ens-black: $ens-black;
45 46 47
  ens-blue: $ens-blue;
  ens-light-blue: $ens-light-blue;
  ens-dark-blue: $ens-dark-blue;
Andrey Azov's avatar
Andrey Azov committed
48
  ens-red: $ens-red;
Anne Lyle's avatar
Anne Lyle committed
49
  ens-dark-grey: $ens-dark-grey;
Andrey Azov's avatar
Andrey Azov committed
50
  ens-medium-dark-grey: $ens-medium-dark-grey;
Anne Lyle's avatar
Anne Lyle committed
51
  ens-grey: $ens-grey;
Andrey Azov's avatar
Andrey Azov committed
52
  ens-medium-light-grey: $ens-medium-light-grey;
Anne Lyle's avatar
Anne Lyle committed
53
  ens-light-grey: $ens-light-grey;
Andrey Azov's avatar
Andrey Azov committed
54
  ens-green: $ens-green;
Anne Lyle's avatar
Anne Lyle committed
55
  ens-white: $ens-white;
56
  ens-shadow-color: $ens-shadow-color;
Anne Lyle's avatar
Anne Lyle committed
57
}
58
/* stylelint-enable */
Anne Lyle's avatar
Anne Lyle committed
59

60 61 62 63 64 65 66 67
$img-base-url: '/static/img';

// font weights

$light: 300;
$normal: 400;
$bold: 700;
$dark: 900;
Imran Salam's avatar
Imran Salam committed
68

Andrey Azov's avatar
Andrey Azov committed
69
// Base Typography
70 71 72
// ------------------

$font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace;