azure-ui/styles.css at dev · samflab/azure-ui · GitHub

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
/*Importing shared CSS files*/
@import url("./shared/index.css");
@import url("./shared/reset.css");
@import url("./shared/docs.css");


/*Importing Fonts*/
@import url("https://fonts.googleapis.com/css2?family=Lato&display=swap");
@import url("https://use.fontawesome.com/releases/v5.15.4/css/all.css");

:root {
  /*colors*/
  --primary-dark: #253951;
  --primary-light: #daeafa;
  --font: #f0f8ff;
  --secondary: #f6d000fc;

  --blue-20: #e4eeff;
  --blue-50: #d7f1ff;
  --blue-150: #98d9fe;
  --blue-200: #3bb3fc;
  --blue-250: #367af5;

  --green-20: #dcf6e5;
  --green-50: #c2f3d6;
  --green-150: #96eab7;
  --green-200: #22ab5d;
  --green-250: #30a94e;
  --green-300: #006400;

  --red-20: #ffe5e3;
  --red-50: #fee0e3;
  --red-150: #ff99a6;
  --red-200: #fc465b;
  --red-250: #eb3d2e;
  --red-300: #a52a2a;

  --yellow-20: #fdf2d7;
  --yellow-50: #ffdb9a;
  --yellow-150: #fed180;
  --yellow-200: #ca8501;
  --yellow-250: #f3aa16;

  --white: #ffffff;
  --offwhite: #f5f5f5;
  --black: #000000;

  --gray-0: #bdbdbd;
  --gray-50: #747474;
  --gray-100: #808080;
  --gray-200: #3a3a3a;

  /*font-weight*/
  --fw-400: 400;
  --fw-600: 600;
  --fw-500: 500;
  --fw-800: 800;
}