-
Notifications
You must be signed in to change notification settings - Fork 12
Expand file tree
/
Copy path_variables.scss
More file actions
88 lines (78 loc) · 1.63 KB
/
_variables.scss
File metadata and controls
88 lines (78 loc) · 1.63 KB
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
$deep-space-blue: #1C272B;
$light-orange: #F4815B;
$bright-orange: #F99B78;
$night-sky: #2B3B41;
$blue-steel: #6D7F91;
$light-blue: #DBE9F2;
$lighter-blue: #F5F8FB;
$dark-purple: #493E5E;
$light-purple: #665C80;
$bright-purple: #7D727E;
$gray-3: #282828;
$gray-2: #666666;
$gray-1: #F4F4F4;
$white: #FFFFFF;
$info-blue: #30ACCB;
$success-green: #26B47F;
$error-red: #ED4B48;
$warning-yellow: #FFB400;
$footer-color: #32ABCB;
$light-grey: #DDDDDD;
$black_haze: #F2F3F3;
$Mountain_Meadow: #1AA874;
$dark_blue: #183247;
$nile_blue: #183E46;
$jade_green: #03A973;
// 2021 Refresh variables
// ORANGE
$orange_90: #553326;
$orange_80: #A12700;
$orange_70: #D23F0E;
$orange_60: #E05320;
$orange_50: #FF6C37;
$orange_40: #FF8E64;
$orange_30: #FFB091;
$orange_20: #FFD1BE;
$orange_10: #FFF1EB;
// GREY
$grey_90: #212121;
$grey_85: #262626;
$grey_80: #2B2B2B;
$grey_70: #303030;
$grey_60: #3B3B3B;
$grey_50: #707070;
$grey_40: #A6A6A6;
$grey_30: #E6E6E6;
$grey_20: #EDEDED;
$grey_10: #F2F2F2;
$grey_05: #F9F9F9;
$grey_00: #FFFFFF;
// BLUE
$blue_90: #002D70;
$blue_80: #00439D;
$blue_70: #0053B8;
$blue_60: #0265D2;
// $blue_50: #097$BED;
$blue_40: #3E92F2;
$blue_30: #74AEF6;
// $blue_20: #ADCDF$B;
$blue_10: #E7F0FF;
// YELLOW
$yellow_80: #523A03;
$yellow_90: #886000;
$yellow_70: #AD7A03;
$yellow_60: #DE9C00;
$yellow_50: #FFB400;
$yellow_40: #FFCF3F;
$yellow_30: #FFE47E;
$yellow_20: #FFF4BE;
$yellow_10: #FFF9E0;
// BACKGROUNDS
$blue_95: #01213C;
$yellow_05: #FFFEF9;
// Fonts
$degular: "degular_displaysemibold";
$ibm: 'IBM Plex Mono', SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace !important;
// Screen Size
$screen_425: 425px;
$screen_768: 768px;