//
// @file
// Styles for system messages.
//

/**
 * Drupal messages
 */
@include messages;

.messages {
  @extend %message;
}

.status,
.ok {
  @extend %message-status;
}

.warning {
  @extend %message-warning;
}

.error {
  @extend %message-error;
}

/* Report message styles. */
tr,
span {
  &.ok,
  &.info,
  &.warning,
  &.error {
    padding: 0;
    background: none;

    &:before {
      display: none;
    }
  }

  &.ok {
    color: $color-success;
  }

  &.warning {
    color: $color-warning;
  }

  &.error {
    color: $color-error;
  }
}

/* Inline messages. */
span {
  &.ok,
  &.info,
  &.warning,
  &.error {
    [dir="ltr"] &,
    [dir="rtl"] & {
      padding: 0;
    }
  }
}
