@import "mixins.scss";

.alert-container{
  display: inline;

  .alert {
    display:inline;
    padding:5px;
    padding-left:30px;
    padding-right:30px;
    color: $gray2;
    font-size:12px;
    text-align:center;
    font-weight:bold;
    &-success {
      background-color: lighten($green5, 10%);
    }
  }

  .alert-leave {
    opacity: 1;
  }

  .alert-leave.alert-leave-active {
    opacity: 0.01;
    transition: opacity 300ms ease-in;
  }

}