// Notifications
.notification-alert {
  background-color: ui-color(u-darker-gray);
  color: $text-color-inverse;
  font-size: $font-size-small;
}

.notification-tile {
  @include make-row(0);

  position: relative;

  $grid-gutter-width: 10px;

  .notification-text {
    @include make-xs-column(11, $grid-gutter-width);
  }

  .notification-icon {
    @include make-xs-column(1, $grid-gutter-width);

    position: absolute;
    top: 50%;
    transform: translate(0, -50%);

    font-size: $font-size-large;
    opacity: $text-muted-opacity;
  }
}
