/* Modal
   ========================================================================== */
.has-modal-open {
  @include has-modal-open;
}

.modal {
  @include modal;
  &__dialog {
    @include modal__dialog;
  }
  &__content {
    @include modal__content;
  }
  &__header {
    @include modal__header;
  }
  &__title {
    @include modal__title;
  }
  &__close {
    @include close;
    margin: 0 0 0 auto;
    padding: 0;
  }
  &__body {
    @include modal__body;
  }
  &__footer {
    @include modal__footer;
  }
  &.open {
    @include modal--open;
    & > .modal__dialog {
      @include modal__dialog--open;
    }
  }
}