Sha256: 9c0c71bc8838eb3952a80e9a87656a1641934d5b290d393ab9757fac778bcaf3

Contents?: true

Size: 853 Bytes

Versions: 3

Compression:

Stored size: 853 Bytes

Contents

$lightspeed-animations: true !default;


@if $lightspeed-animations {

  @keyframes lightSpeedIn {
    0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
    60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
    80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
    100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
  }

  .lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
  }

  .animated.lightSpeedIn {
    animation-duration: 0.5s;
  }

  @keyframes lightSpeedOut {
    0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
    100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
  }

  .lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
  }

  .animated.lightSpeedOut {
    animation-duration: 0.25s;
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
groundworkcss-2.3.7 app/assets/stylesheets/groundworkcss/anim/_lightspeed.scss
groundworkcss-2.3.6 app/assets/stylesheets/groundworkcss/anim/_lightspeed.scss
groundworkcss-2.3.5 app/assets/stylesheets/groundworkcss/anim/_lightspeed.scss