//////////////////////////////
// lightspeedIn.scss
// @src - https://github.com/daneden/animate.css/blob/master/source/lightspeed/lightSpeedIn.css
///////////////////////////////

@if da-import("lightSpeedIn") == true {
  @keyframes lightSpeedIn {
    from {
      transform: translate3d(100%, 0, 0) skewX(-30deg);
      opacity: 0;
    }

    60% {
      transform: skewX(20deg);
      opacity: 1;
    }

    80% {
      transform: skewX(-5deg);
      opacity: 1;
    }

    to {
      transform: none;
      opacity: 1;
    }
  }
  %lightSpeedIn {
    animation-timing-function: ease-out;
  }
}