Sha256: 244dd2e8451fea8b57f8fb5a8163ce7ab96072846cc07c2408c9010d12d73d91

Contents?: true

Size: 802 Bytes

Versions: 12

Compression:

Stored size: 802 Bytes

Contents

$roll-animations: true !default;


@if $roll-animations {

  @keyframes rollIn {
    0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
    100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
  }

  .rollIn {
    animation-name: rollIn;
  }

  @keyframes rollOut {
    0% {
      opacity: 1;
      transform: translateX(0px) rotate(0deg);
    }

    100% {
      opacity: 0;
      transform: translateX(100%) rotate(120deg);
    }
  }

  .rollOut {
    animation-name: rollOut;
  }

  @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; }
  }
}

Version data entries

12 entries across 12 versions & 1 rubygems

Version Path
groundworkcss-2.3.7 app/assets/stylesheets/groundworkcss/anim/_roll.scss
groundworkcss-2.3.6 app/assets/stylesheets/groundworkcss/anim/_roll.scss
groundworkcss-2.3.5 app/assets/stylesheets/groundworkcss/anim/_roll.scss
groundworkcss-2.3.4 app/assets/stylesheets/groundworkcss/anim/_roll.scss
groundworkcss-2.3.3 app/assets/stylesheets/groundworkcss/anim/_roll.scss
groundworkcss-2.3.2 app/assets/stylesheets/groundworkcss/anim/_roll.scss
groundworkcss-2.3.1 app/assets/stylesheets/groundworkcss/anim/_roll.scss
groundworkcss-2.2.1 app/assets/stylesheets/groundworkcss/anim/_roll.scss
groundworkcss-2.0.4 app/assets/stylesheets/groundworkcss/anim/_roll.scss
groundworkcss-2.0.2 app/assets/stylesheets/groundworkcss/anim/_roll.scss
groundworkcss-2.0.1 app/assets/stylesheets/groundworkcss/anim/_roll.scss
groundworkcss-2.0.0 app/assets/stylesheets/groundworkcss/anim/_roll.scss