xref: /openbmc/phosphor-webui/app/common/styles/components/alert-banner.scss (revision 0d11902c896bc65196489a50be55d16ca24da1cf)
1*0d11902cSYoshie Muranaka.alert-banner {
2*0d11902cSYoshie Muranaka  padding: 1rem 1rem 0.75rem;
3*0d11902cSYoshie Muranaka  border-left-width: 3px;
4*0d11902cSYoshie Muranaka  border-left-style: solid;
5*0d11902cSYoshie Muranaka  display: flex;
6*0d11902cSYoshie Muranaka  .status-icon {
7*0d11902cSYoshie Muranaka    margin-right: 1rem;
8*0d11902cSYoshie Muranaka    display: flex;
9*0d11902cSYoshie Muranaka    flex-direction: column;
10*0d11902cSYoshie Muranaka    justify-content: center;
11*0d11902cSYoshie Muranaka    width: 1.2rem;
12*0d11902cSYoshie Muranaka  }
13*0d11902cSYoshie Muranaka}
14*0d11902cSYoshie Muranaka
15*0d11902cSYoshie Muranaka.alert-banner--error {
16*0d11902cSYoshie Muranaka  background-color: $notification-error--light;
17*0d11902cSYoshie Muranaka  border-left-color: $notification-error--dark;
18*0d11902cSYoshie Muranaka}
19*0d11902cSYoshie Muranaka.alert-banner--success {
20*0d11902cSYoshie Muranaka  background-color: $notification-success--light;
21*0d11902cSYoshie Muranaka  border-left-color: $notification-success--dark;
22*0d11902cSYoshie Muranaka}
23*0d11902cSYoshie Muranaka.alert-banner--warn {
24*0d11902cSYoshie Muranaka  background-color: $notification-warn--light;
25*0d11902cSYoshie Muranaka  border-left-color: $notification-warn--dark;
26*0d11902cSYoshie Muranaka}
27*0d11902cSYoshie Muranaka.alert-banner--info {
28*0d11902cSYoshie Muranaka  background-color: $notification-info--light;
29*0d11902cSYoshie Muranaka  border-left-color: $notification-info--dark;
30*0d11902cSYoshie Muranaka}