Sha256: f3a48b6819921bc2b3dbf6392454db9f04efe52c47bfc6829ae70993380483d3

Contents?: true

Size: 1011 Bytes

Versions: 9

Compression:

Stored size: 1011 Bytes

Contents

// ---------------------------------------------------------------------------
// imports

@import "compass/css3/animation";

// ---------------------------------------------------------------------------
// wiggle

@mixin animate-wiggle(
  $class      : $default-animation-class-mode,
  $keyframes  : $default-keyframes-output
) {
  $name: wiggle;
  @if $keyframes {
    @include keyframes($name) {
      0% {
        @include skewX(9deg);
      }
      10% {
        @include skewX(-8deg);
      }
      20% {
        @include skewX(7deg);
      }
      30% {
        @include skewX(-6deg);
      }
      40% {
        @include skewX(5deg);
      }
      50% {
        @include skewX(-4deg);
      }
      60% {
        @include skewX(3deg);
      }
      70% {
        @include skewX(-2deg);
      }
      80% {
        @include skewX(1deg);
      }
      90% {
        @include skewX(0deg);
      }
      100% {
        @include skewX(0deg);
      }
    }
  }
  @include animation-class($name, $class) {}
}

Version data entries

9 entries across 9 versions & 2 rubygems

Version Path
rhet-butler-0.14.1 default-configuration/assets/stylesheets/animate/attention/_wiggle.scss
rhet-butler-0.14.0 default-configuration/assets/stylesheets/animate/attention/_wiggle.scss
rhet-butler-0.13.0 default-configuration/assets/stylesheets/animate/attention/_wiggle.scss
rhet-butler-0.12.1 default-configuration/assets/stylesheets/animate/attention/_wiggle.scss
rhet-butler-0.11.1 default-configuration/assets/stylesheets/animate/attention/_wiggle.scss
rhet-butler-0.11.0 default-configuration/assets/stylesheets/animate/attention/_wiggle.scss
rhet-butler-0.10.0 default-configuration/assets/stylesheets/animate/attention/_wiggle.scss
rhet-butler-0.9.0 default-configuration/assets/stylesheets/animate/attention/_wiggle.scss
animate-0.2.beta.0 stylesheets/animate/attention/_wiggle.scss