//
// Push styles (to be used with push.js)
// --------------------------------------------------

.content {
  
  // Fade animation 
  &.fade {
    left: 0;
    opacity: 0;

    &.in {
      opacity: 1;
    }
  }

  // Slide animation
  &.slide {
    z-index: 2;
    @include transition(-webkit-transform .4s);
    @include transform(translate3d(0, 0, 0));

    &.left {
      z-index: 1;
      @include transform(translate3d(-100%, 0, 0));
    }

    &.right {
      z-index: 3;
      @include transform(translate3d(100%, 0, 0));
    }
  }
}