@import "_m-messages";

.m-messages {
  @extend %m-messages;

  &--error {
    @extend %m-messages--error;
  }

  &--warning {
    @extend %m-messages--warning;
  }

  &--success {
    @extend %m-messages--success;
  }

  &__content {
    @extend %m-messages__content;
  }

  &__list {
    @extend %m-messages__list;
  }

  &__icon-container {
    @extend %m-messages__icon-container;

    &--left {
      @extend %m-messages__icon-container--left;
    }

    &--right {
      @extend %m-messages__icon-container--right;
    }

    &--clickable {
      @extend %m-messages__icon-container--clickable;
    }
  }

  &__icon {
    @extend %m-messages__icon;

    &--bigger {
      @extend %m-messages__icon--bigger;
    }

    &--error {
      @extend %m-messages__icon--error;
    }

    &--warning {
      @extend %m-messages__icon--warning;
    }

    &--success {
      @extend %m-messages__icon--success;
    }

    &--close {
      @extend %m-messages__icon--close;
    }
  }

  &__code {
    @extend %m-messages__code;
  }
}