Sha256: efcd9b9fa64ecb09c211590e99c13d9f8e9b7020d55312d31c48778f0b59a09a

Contents?: true

Size: 739 Bytes

Versions: 9

Compression:

Stored size: 739 Bytes

Contents

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

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

// ---------------------------------------------------------------------------
// rollOut

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