Material Alert (prototype for djibe / material)

_alert.scss

.alert {
  background-color: #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
  border-left: 0;
  .container:before {
    @extend .navbar-toggler-icon;
    content: "info";
    vertical-align: middle;
    font-size: 250%;
  }
  @each $color, $values in $theme-colors {
    &.alert-#{$color} .container:before {
      color: theme-color($color);
    }
  }
  &.alert-success .container:before {
    content: "check"
  }
  &.alert-warning .container:before {
    content: "priority_high"
  }
  &.alert-danger .container:before {
    content: "clear"
  }
  &.alert-info .container:before {
    content: "notifications_none"
  }
}