.dig-transition-slide-in {
  position: relative;
  //overflow: hidden;
  height: 100%;

  &.dig-transition-slide-in-tab {
    overflow-y: auto;
    overflow-x: hidden;
    
    .dig-transition-slide-in-child {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0px;
      left: 0px;
      @include ease-out();
    }
  }

  .dig-transition-slide-in-child {
    //position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    @include ease-out();
  }

  .dig-transition-slide-in-enter {
    opacity: 0;
  }

  .dig-transition-slide-in-enter-active {
    opacity: 1;
  }

  .dig-transition-slide-in-leave {
    opacity: 1;
  }

  .dig-transition-slide-in-leave-active {
    opacity: 0;
  }

  &.dig-is-left {
    .dig-transition-slide-in-enter {
      transform: translate3d(100%,0,0);
    }
    .dig-transition-slide-in-enter-active {
      transform: translate3d(0,0,0);
    }
    .dig-transition-slide-in-leave {
      transform: translate3d(0,0,0);
    }
    .dig-transition-slide-in-leave-active {
      transform: translate3d(-100%,0,0);
    }

  }

  &.dig-is-right {
    .dig-transition-slide-in-enter {
      transform: translate3d(-100%,0,0);
    }
    .dig-transition-slide-in-enter-active {
      transform: translate3d(0,0,0);
    }
    .dig-transition-slide-in-leave {
      transform: translate3d(0,0,0);
    }
    .dig-transition-slide-in-leave-active {
      transform: translate3d(100%,0,0);
    }
  }

  &.dig-is-up {
    .dig-transition-slide-in-enter {
      transform: translate3d(0,100%,0);
    }
    .dig-transition-slide-in-enter-active {
      transform: translate3d(0,0,0);
    }
    .dig-transition-slide-in-leave {
      transform: translate3d(0,0,0);
    }
    .dig-transition-slide-in-leave-active {
      transform: translate3d(0,-100%,0);
    }
  }

  &.dig-is-down {
    .dig-transition-slide-in-enter {
      transform: translate3d(0,-100%,0);
    }
    .dig-transition-slide-in-enter-active {
      transform: translate3d(0,0,0);
    }
    .dig-transition-slide-in-leave {
      transform: translate3d(0,0,0);
    }
    .dig-transition-slide-in-leave-active {
      transform: translate3d(0,100%,0);
    }
  }

}