xref: /openbmc/phosphor-webui/app/common/styles/elements/alerts.scss (revision 4b366b5a)

//Fixed alerts
.alert-danger {
  background-color: $accent-04--02;
  border-color: $accent-04--01;
  border-radius: 0;
  color: $primary-dark;
  text-align: left;
}
.alert-warning {
  background-color: $accent-03--03;
  border-color: $accent-03--02;
  border-radius: 0;
  color: $primary-dark;
  text-align: left;
  .icon {
    vertical-align: bottom;
  }
}

.message-container {
  background-color: $background-02;
  padding: 1em 1.5em;
  display: inline-block;
  >*:last-child {
    margin-bottom: 0;
  }
}

.notification-banner {
  padding: 8px 10px;
  margin-bottom: 24px;
  border-style: solid;
  border-width: 1px;
  position: relative;
}

.notification-banner__text {
  font-size: 0.9em;
  margin-bottom: 0;
  line-height: 1.2;
}

.notification-banner--information {
  background-color: $background-02;
  border-color: $border-color-01;
}

.notification-banner--warning {
  background-color: $accent-03--03;
  border-color: $accent-03--02;
  .icon {
    position: absolute;
    left: 10px;
    top: 8px;
    bottom: 8px;
    width: 18px;
    height: 30px;
    margin: auto;
  }
  .notification-banner__text {
    padding-left: 24px;
  }
}