blob: 433db6d277624e412901fa80a0fc39792601ad22 [file] [log] [blame]
Michael Daviscb8bb192017-02-09 15:45:13 -06001//Fixed alerts
beccabroek309b5da2018-11-07 12:22:31 -06002.alert-danger {
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -05003 background-color: $accent-04--02;
4 border-color: $accent-04--01;
beccabroeka09cc2d2019-01-23 14:26:55 -06005 border-radius: 0;
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -05006 color: $primary-dark;
beccabroek309b5da2018-11-07 12:22:31 -06007 text-align: left;
8}
beccabroek309b5da2018-11-07 12:22:31 -06009.alert-warning {
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -050010 background-color: $accent-03--03;
11 border-color: $accent-03--02;
beccabroek309b5da2018-11-07 12:22:31 -060012 border-radius: 0;
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -050013 color: $primary-dark;
beccabroeka09cc2d2019-01-23 14:26:55 -060014 text-align: left;
Michael Davisea5241a2017-07-12 15:56:55 -050015}
Yoshie Muranakaeaa40dd2019-07-17 15:30:00 -050016
17.message-container {
18 background-color: $background-02;
19 padding: 1em 1.5em;
20 display: inline-block;
21 >*:last-child {
22 margin-bottom: 0;
23 }
24}
Yoshie Muranakab4d9c092019-08-01 16:19:40 -050025
26.notification-banner {
27 padding: 8px 10px;
28 margin-bottom: 24px;
29 border-style: solid;
30 border-width: 1px;
31}
32
33.notification-banner__text {
34 font-size: 0.9em;
35 margin-bottom: 0;
36 line-height: 1.2;
37}
38
39.notification-banner--information {
40 background-color: $background-02;
41 border-color: $border-color-01;
42}
43
44.notification-banner--warning {
45 background-color: $accent-03--03;
46 border-color: $accent-03--02;
47 .notification-banner__text {
48 &::before {
49 content: '';
50 display: inline-block;
51 width: 18px;
52 height: 18px;
53 vertical-align: bottom;
54 margin-right: 0.5em;
55 background-image: url(../assets/images/icon-warning.svg);
56 }
57 }
58}