-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy path_constants.scss
111 lines (98 loc) · 2.66 KB
/
_constants.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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
// Colors:
// When adding new colors, types.ts must be updated to reflect all colors
$red-samf: #a03033;
$red_samf_hover: #732225;
$red-samf-faded: #fac7c8;
$red-lighter: #fff2f0;
$red-light: #ffcfca;
$red: #dc1010;
$salmon: #fa8072;
$salmon-light: #fab4ac;
$blue: #337ab7;
$blue-lighter: #e3f2ff;
$blue-light: #c4dbf3;
$blue-medium: #88b3e0;
$blue-deep: #1a3b80;
$blue-deeper: #062356;
$blue_uka: #150b59;
$blue-isfit: #0099cc;
$turquoise-light: #e2f8f5;
$turquoise-medium: #9fe9dc;
$turquoise: #5accb9;
$turquoise-deep: #288474;
$yellow: #e0a014;
$white: #ffffff;
$black: #000000;
$black-1: #161616; // small contrast to black
$black-2: #222222;
$grey-5: #f4f4f4;
$grey-4: #eeeeee;
$grey-36: #dddddd;
$grey-35: #cccccc;
$grey-32: #bbbbbb;
$grey-3: #999999;
$grey-2: #777777;
$grey-1: #555555;
$grey-0: #444444;
$green: #4ab74c;
$green-lighter: #f6ffed;
$green-light: #b7eb8f;
$orange-ligher: #fffbe6;
$orange-light: #ffe99e;
$bisque_uka: #ffe4c4;
$sulten-orange: #fbb042;
// Recruitment colors
$rejected: #f9cccd;
$accepted: #ccf9cd;
$withdrawn:#bbbbbb;
$pending: #FFF5BC;
$topwanted: #32ff32;
$topreserve: #afffaf;
$lessreserve: #ffb343;
$lessreservewanted: #e3fc00;
$lessreservereserve: #fc3f00;
$lesswanted: #f74343;
$lesswantedreserve: #f74343;
$lesswantedwanted: #f74343;
// Transparent colors
$black-t90: rgba(0, 0, 0, 0.9);
$black-t75: rgba(0, 0, 0, 0.75);
$black-t50: rgba(0, 0, 0, 0.5);
$black-t25: rgba(0, 0, 0, 0.25);
$black-t10: rgba(0, 0, 0, 0.1);
// Theme colors:
$theme-light-bg: #f5f5f5;
$theme-dark-bg: #181818;
$theme-dark-color: #dddddd;
$theme-dark-input-bg: #242323;
$theme-dark-input-bg-disabled: #7b7b7b;
// Defaults
$background-primary: #ffffff;
$background-secondary: #efefef;
/* Screen sizes, breakpoint (bp) */
$large-desktop-bp-lower: 1201px;
$desktop-bp-upper: 1200px;
$desktop-bp-lower: 993px;
$tablet-bp-upper: 992px;
$tablet-bp-lower: 769px;
$mobile-bp-upper: 768px;
$content-max-size: 1200px;
$content-padding: calc((100vw - 1200px) / 2);
// Navbar size
$navbar-height: 60px;
$sulten-navbar-height: 100px;
// Content size
$primary-content-wide-padding: 2.5rem;
$primary-content-width-wide: 1500px;
$primary-content-width-wide-padded: calc(100vw - $primary-content-wide-padding * 2);
$primary-content-mobile-padding: 1em;
$primary-content-width-mobile: calc(100vw - 2em);
$theme-key: 'data-theme'; // Must match THEME_KEY
$theme-dark: 'theme-dark'; // Must match THEME.DARK
$theme-light: 'theme-light'; // Must match THEM.LIGHT
//Lyche
$lyche-title-font: 'LemonMilkLight', sans-serif;
$lyche-primary-font: 'Lora', sans-serif;
//Assets
$lyche-menu-divider-left: url('~/assets/lyche/menu-detail-left.png');
$lyche-menu-divider-right: url('~/assets/lyche/menu-detail-right.png');