// Copyright (c) 2020 DevilTea
//
// This software is released under the MIT License.
// https://opensource.org/licenses/MIT

@mixin popup-container {
  #app #popup .popup-container {
    @content;

    .fade-enter-active,
    .fade-leave-active {
      transition: opacity 0.5s ease;
    }

    .fade-enter-from,
    .fade-leave-to {
      opacity: 0;
    }
  }
}

@mixin popup-content {
  @include popup-container {
    .popup-content {
      @content;
    }
  }
}
