1//Fixed alerts
2.alert-danger {
3  background-color: $accent-04--02;
4  border-color: $accent-04--01;
5  border-radius: 0;
6  color: $primary-dark;
7  text-align: left;
8}
9.alert-warning {
10  background-color: $accent-03--03;
11  border-color: $accent-03--02;
12  border-radius: 0;
13  color: $primary-dark;
14  text-align: left;
15  .icon {
16    vertical-align: bottom;
17  }
18}
19
20.message-container {
21  background-color: $background-02;
22  padding: 1em 1.5em;
23  display: inline-block;
24  >*:last-child {
25    margin-bottom: 0;
26  }
27}
28
29.notification-banner {
30  padding: 8px 10px;
31  margin-bottom: 24px;
32  border-style: solid;
33  border-width: 1px;
34  position: relative;
35}
36
37.notification-banner__text {
38  font-size: 0.9em;
39  margin-bottom: 0;
40  line-height: 1.2;
41}
42
43.notification-banner--information {
44  background-color: $background-02;
45  border-color: $border-color-01;
46}
47
48.notification-banner--warning {
49  background-color: $accent-03--03;
50  border-color: $accent-03--02;
51  .icon {
52    position: absolute;
53    left: 10px;
54    top: 8px;
55    bottom: 8px;
56    width: 18px;
57    height: 30px;
58    margin: auto;
59  }
60  .notification-banner__text {
61    padding-left: 24px;
62  }
63}
64