@import 'scss/mixin';
@import 'scss/variable';
@import 'scss/_fading-entrances/_fadeIn.scss';
@import 'scss/_fading-entrances/_fadeInDown.scss';
@import 'scss/_fading-entrances/_fadeInLeft.scss';
@import 'scss/_fading-entrances/_fadeInRight.scss';
@import 'scss/_fading-entrances/_fadeInUp.scss';
@import 'scss/_fading-exits/_fadeOut.scss';
@import 'scss/_fading-exits/_fadeOutDown.scss';
@import 'scss/_fading-exits/_fadeOutLeft.scss';
@import 'scss/_fading-exits/_fadeOutRight.scss';
@import 'scss/_fading-exits/_fadeOutUp.scss';
@import 'scss/_zooming-entrances/_zoomIn.scss';
@import 'scss/_zooming-exits/_zoomOut.scss';
@import 'scss/_expand-entrances/_expandInDown.scss';
@import 'scss/_expand-entrances/_expandInUp.scss';
@import 'scss/_expand-entrances/_withFade.scss';
@import 'scss/_expand-exits/_expandOutUp.scss';
@import 'scss/_expand-exits/_expandOutDown.scss';
@import 'scss/_expand-exits/_withFade.scss';
@import 'scss/_attention-seekers/_pulse.scss';

.fadeIn {
  @include fadeIn(1, 0.3s, 0, cubic-bezier(0.1, 0.8, 0.4, 1));
}

.fadeInDown {
  @include fadeInDown();
}

.fadeInLeft {
  @include fadeInLeft();
}

.fadeInRight {
  @include fadeInRight();
}

.fadeInUp {
  @include fadeInUp();
}

.fadeOut {
  @include fadeOut(1, 0.1s, 0, cubic-bezier(0.44, 0.9, 0.6, 0.94));
}

.fadeOutDown {
  @include fadeOutDown();
}

.fadeOutLeft {
  @include fadeOutLeft();
}

.fadeOutRight {
  @include fadeOutRight();
}

.fadeOutUp {
  @include fadeOutUp();
}

.zoomIn {
  @include zoomIn();
}

.zoomOut {
  @include zoomOut();
}

.expandInDown {
  @include expandInDown();
}

.expandOutUp {
  @include expandOutUp();
}

.expandInUp {
  @include expandInUp();
}

.expandOutDown {
  @include expandOutDown();
}

.pulse {
  @include pulse();
}

.expand-enter {
  overflow: hidden;
}

.expand-enter-active {
  transition: all 0.3s ease-out;
  & > * {
    @include expandInWithFade();
  }
}

.expand-leave {
  overflow: hidden;
}

.expand-leave-active {
  transition: all 0.2s ease-out;
  & > * {
    @include expandOutWithFade();
  }
}
