199d199f3SIftekharul Islam//Fixed alerts
2a09cc2daSbeccabroek.alert-danger {
36f7ec80eSYoshie Muranaka  background-color: $accent-04--02;
46f7ec80eSYoshie Muranaka  border-color: $accent-04--01;
5a09cc2daSbeccabroek  border-radius: 0;
66f7ec80eSYoshie Muranaka  color: $primary-dark;
7309b5da3Sbeccabroek  text-align: left;
8309b5da3Sbeccabroek}
9309b5da3Sbeccabroek.alert-warning {
106f7ec80eSYoshie Muranaka  background-color: $accent-03--03;
116f7ec80eSYoshie Muranaka  border-color: $accent-03--02;
12309b5da3Sbeccabroek  border-radius: 0;
136f7ec80eSYoshie Muranaka  color: $primary-dark;
14a09cc2daSbeccabroek  text-align: left;
1599d199f3SIftekharul Islam}
16eaa40dd3SYoshie Muranaka
17eaa40dd3SYoshie Muranaka.message-container {
18eaa40dd3SYoshie Muranaka  background-color: $background-02;
19eaa40dd3SYoshie Muranaka  padding: 1em 1.5em;
20eaa40dd3SYoshie Muranaka  display: inline-block;
21eaa40dd3SYoshie Muranaka  >*:last-child {
22eaa40dd3SYoshie Muranaka    margin-bottom: 0;
23eaa40dd3SYoshie Muranaka  }
24eaa40dd3SYoshie Muranaka}
25*b4d9c09aSYoshie Muranaka
26*b4d9c09aSYoshie Muranaka.notification-banner {
27*b4d9c09aSYoshie Muranaka  padding: 8px 10px;
28*b4d9c09aSYoshie Muranaka  margin-bottom: 24px;
29*b4d9c09aSYoshie Muranaka  border-style: solid;
30*b4d9c09aSYoshie Muranaka  border-width: 1px;
31*b4d9c09aSYoshie Muranaka}
32*b4d9c09aSYoshie Muranaka
33*b4d9c09aSYoshie Muranaka.notification-banner__text {
34*b4d9c09aSYoshie Muranaka  font-size: 0.9em;
35*b4d9c09aSYoshie Muranaka  margin-bottom: 0;
36*b4d9c09aSYoshie Muranaka  line-height: 1.2;
37*b4d9c09aSYoshie Muranaka}
38*b4d9c09aSYoshie Muranaka
39*b4d9c09aSYoshie Muranaka.notification-banner--information {
40*b4d9c09aSYoshie Muranaka  background-color: $background-02;
41*b4d9c09aSYoshie Muranaka  border-color: $border-color-01;
42*b4d9c09aSYoshie Muranaka}
43*b4d9c09aSYoshie Muranaka
44*b4d9c09aSYoshie Muranaka.notification-banner--warning {
45*b4d9c09aSYoshie Muranaka  background-color: $accent-03--03;
46*b4d9c09aSYoshie Muranaka  border-color: $accent-03--02;
47*b4d9c09aSYoshie Muranaka  .notification-banner__text {
48*b4d9c09aSYoshie Muranaka    &::before {
49*b4d9c09aSYoshie Muranaka      content: '';
50*b4d9c09aSYoshie Muranaka      display: inline-block;
51*b4d9c09aSYoshie Muranaka      width: 18px;
52*b4d9c09aSYoshie Muranaka      height: 18px;
53*b4d9c09aSYoshie Muranaka      vertical-align: bottom;
54*b4d9c09aSYoshie Muranaka      margin-right: 0.5em;
55*b4d9c09aSYoshie Muranaka      background-image: url(../assets/images/icon-warning.svg);
56*b4d9c09aSYoshie Muranaka    }
57*b4d9c09aSYoshie Muranaka  }
58*b4d9c09aSYoshie Muranaka}