css_component_lib/styles.css at master · OpenSourcePundit/css_component_lib · 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
@import url('https://fonts.googleapis.com/css2?family=Dongle:wght@300&family=Overlock&family=Poppins:ital,wght@0,300;0,400;1,200&display=swap');

@import './css/components.css';
@import './css/main.css';
@import './components/Alert/Alert.css';
@import './components/Avatar/Avatar.css';
@import './components/Badges/Badges.css';
@import './components/Button/Button.css';
@import './components/Card/Card.css';
@import './components/Grid/Grid.css';
@import './components/Image/Image.css';
@import './components/Input/Input.css';
@import './components/Lists/Lists.css';
@import './components/Modal/Modal.css';
@import './components/Navigation/Navigation.css';
@import './components/Rating/Rating.css';
@import './components/Slider/Slider.css';
@import './components/Snackbar/Snackbar.css';
@import './components/Text-Utilities/TextUtil.css';


:root{
  --primary-color: #3a93c0;
  --logo-color: #2f3b95;
  --secondary-color: #d7f2f0;
  --alternate-color: #630000;
  --positive-color: rgb(3, 209, 3);
  --negative-color: rgb(231, 0, 0);
  --disable-color: rgb(196, 192, 192);
  --hover: rgb(248, 248, 248);
  --snackbar: rgb(36, 49, 79);
  --star: rgb(255, 187, 0);
  --lightblue: rgb(118, 207, 240);
  --pink: rgb(192, 231, 255);
  --dk-pink: rgb(111, 197, 251);
  --red: rgb(255, 137, 137);
  --dk-red: rgb(206, 21, 21);
  --blue: rgb(176, 229, 255);
  --dk-blue: rgb(104, 197, 255);
  --purple: rgb(169, 175, 223);
  --dk-purple: rgb(64, 66, 202);
}

body{
    font-family: 'Overlock', cursive;
  }