custom.scss 971 Bytes
Newer Older
Kim, Chaerin's avatar
Kim, Chaerin committed
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
$primary: #e8b7ff;
$secondary: #df99ff;
$info: #fcf4ff;
$warning: #ff0000;
$GrayishSkyBlue: #739db6;
$MinDarkBlue: #59b7e3;
$Gray: #adb5bd;

@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";
@import "~bootstrap/scss/mixins";

$custom-colors: (
  "GrayishSkyBlue": $GrayishSkyBlue,
  "MinDarkBlue": $MinDarkBlue,
  "Gray": $Gray,
);

$theme-colors: map-merge($theme-colors, $custom-colors);
@import "~bootstrap/scss/bootstrap.scss";

body {
  background-color: #fcf4ff !important;
  height: 100vh !important;
  display: flex;
  justify-content: center;
}

#root {
  width: 414px !important;
  height: 100;
}

.btn-primary {
  background-color: $primary !important;
  border-color: $primary !important;
  color: #000 !important;
}
.btn-primary:hover {
  background-color: $secondary !important;
  border-color: $secondary !important;
  color: #fff !important;
}

.btn-info {
  background-color: $info !important;
  border-color: $info !important;
}