Sha256: af7252aa2162fd299584c6b8d3519b16df75f709e5a9a861489ca9b397dd915e

Contents?: true

Size: 742 Bytes

Versions: 9

Compression:

Stored size: 742 Bytes

Contents

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

@import "compass/css3/animation";
@import "compass/css3/transform";
@import "compass/css3/opacity";

// ---------------------------------------------------------------------------
// rollIn

@mixin animate-rollIn(
  $class      : $default-animation-class-mode,
  $keyframes  : $default-keyframes-output
) {
  $name: rollIn;
  @if $keyframes {
    @include keyframes($name) {
      0% {
        @include opacity(0);
        @include transform(translateX(-100%) rotate(-120deg));
      }
      100% {
        @include opacity(1);
        @include transform(translateX(0px) rotate(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/roll/_rollIn.scss
rhet-butler-0.14.0 default-configuration/assets/stylesheets/animate/roll/_rollIn.scss
rhet-butler-0.13.0 default-configuration/assets/stylesheets/animate/roll/_rollIn.scss
rhet-butler-0.12.1 default-configuration/assets/stylesheets/animate/roll/_rollIn.scss
rhet-butler-0.11.1 default-configuration/assets/stylesheets/animate/roll/_rollIn.scss
rhet-butler-0.11.0 default-configuration/assets/stylesheets/animate/roll/_rollIn.scss
rhet-butler-0.10.0 default-configuration/assets/stylesheets/animate/roll/_rollIn.scss
rhet-butler-0.9.0 default-configuration/assets/stylesheets/animate/roll/_rollIn.scss
animate-0.2.beta.0 stylesheets/animate/roll/_rollIn.scss