// ============================================================================
// Poster
// ============================================================================

////
/// 
/// Lightspeed Animations Mixin Module
/// ===========================================================================
/// 
/// This module ...
/// 
/// 
/// @group Animations
/// @author Scape Agency
/// @link https://move.gl
/// @since 0.1.0 initial release
/// @todo None
/// @access public
/// 
////


// ============================================================================
// Use
// ============================================================================

@use "../dev" as *;
@use "../variables" as *;
@use "../keyframes" as *;
@use "base" as *;


// ============================================================================
// Mixins
// ============================================================================





// @-webkit-keyframes lightSpeedIn {
//     from {
//       -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
//       transform: translate3d(100%, 0, 0) skewX(-30deg);
//       opacity: 0;
//     }
  
//     60% {
//       -webkit-transform: skewX(20deg);
//       transform: skewX(20deg);
//       opacity: 1;
//     }
  
//     80% {
//       -webkit-transform: skewX(-5deg);
//       transform: skewX(-5deg);
//       opacity: 1;
//     }
  
//     100% {
//       -webkit-transform: none;
//       transform: none;
//       opacity: 1;
//     }
//   }
  
//   @keyframes lightSpeedIn {
//     from {
//       -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
//       transform: translate3d(100%, 0, 0) skewX(-30deg);
//       opacity: 0;
//     }
  
//     60% {
//       -webkit-transform: skewX(20deg);
//       transform: skewX(20deg);
//       opacity: 1;
//     }
  
//     80% {
//       -webkit-transform: skewX(-5deg);
//       transform: skewX(-5deg);
//       opacity: 1;
//     }
  
//     100% {
//       -webkit-transform: none;
//       transform: none;
//       opacity: 1;
//     }
//   }
  
//   .lightSpeedIn {
//     -webkit-animation-name: lightSpeedIn;
//     animation-name: lightSpeedIn;
//     -webkit-animation-timing-function: ease-out;
//     animation-timing-function: ease-out;
//   }
  
//   @-webkit-keyframes lightSpeedOut {
//     from {
//       opacity: 1;
//     }
  
//     100% {
//       -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
//       transform: translate3d(100%, 0, 0) skewX(30deg);
//       opacity: 0;
//     }
//   }
  
//   @keyframes lightSpeedOut {
//     from {
//       opacity: 1;
//     }
  
//     100% {
//       -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
//       transform: translate3d(100%, 0, 0) skewX(30deg);
//       opacity: 0;
//     }
//   }
  
//   .lightSpeedOut {
//     -webkit-animation-name: lightSpeedOut;
//     animation-name: lightSpeedOut;
//     -webkit-animation-timing-function: ease-in;
//     animation-timing-function: ease-in;
//   }