sammy 0.0.1.1

data/stylesheets/sammy/animations/fading-entrances/_fadeInRight.scss

@@ -0,0 +1,31 @@
+@mixin fadeInRight($prefix) {
+  0% {
+    opacity: 0;
+    @include transform(translateX(20px), $prefix);
+  }
+  100% {
+    opacity: 1;
+    @include transform(translateX(0), $prefix);
+  }
+}
+
+@if $experimental-support-for-webkit {
+  @-webkit-keyframes fadeInRight { @include fadeInRight(webkit); }
+}
+@if $experimental-support-for-khtml {
+  @-khtml-keyframes fadeInRight { @include fadeInRight(khtml); }
+}
+@if $experimental-support-for-mozilla {
+  @-moz-keyframes fadeInRight { @include fadeInRight(moz); }
+}
+@if $experimental-support-for-microsoft {
+  @-ms-keyframes fadeInRight { @include fadeInRight(ms); }
+}
+@if $experimental-support-for-opera {
+  @-o-keyframes fadeInRight { @include fadeInRight(o); }
+}
+@keyframes fadeInRight { @include fadeInRight(none); }
+
+.fadeInRight {
+  @include animation-name(fadeInRight);
+}

data/stylesheets/sammy/animations/fading-entrances/_fadeInRightBig.scss

@@ -0,0 +1,31 @@
+@mixin fadeInRightBig($prefix) {
+  0% {
+    opacity: 0;
+    @include transform(translateX(2000px), $prefix);
+  }
+  100% {
+    opacity: 1;
+    @include transform(translateX(0), $prefix);
+  }
+}
+
+@if $experimental-support-for-webkit {
+  @-webkit-keyframes fadeInRightBig { @include fadeInRightBig(webkit); }
+}
+@if $experimental-support-for-khtml {
+  @-khtml-keyframes fadeInRightBig { @include fadeInRightBig(khtml); }
+}
+@if $experimental-support-for-mozilla {
+  @-moz-keyframes fadeInRightBig { @include fadeInRightBig(moz); }
+}
+@if $experimental-support-for-microsoft {
+  @-ms-keyframes fadeInRightBig { @include fadeInRightBig(ms); }
+}
+@if $experimental-support-for-opera {
+  @-o-keyframes fadeInRightBig { @include fadeInRightBig(o); }
+}
+@keyframes fadeInRightBig { @include fadeInRightBig(none); }
+
+.fadeInRightBig {
+  @include animation-name(fadeInRightBig);
+}

data/stylesheets/sammy/animations/fading-entrances/_fadeInUp.scss

@@ -0,0 +1,31 @@
+@mixin fadeInUp($prefix) {
+  0% {
+    opacity: 0;
+    @include transform(translateY(20px), $prefix);
+  }
+  100% {
+    opacity: 1;
+    @include transform(translateY(0), $prefix);
+  }
+}
+
+@if $experimental-support-for-webkit {
+  @-webkit-keyframes fadeInUp { @include fadeInUp(webkit); }
+}
+@if $experimental-support-for-khtml {
+  @-khtml-keyframes fadeInUp { @include fadeInUp(khtml); }
+}
+@if $experimental-support-for-mozilla {
+  @-moz-keyframes fadeInUp { @include fadeInUp(moz); }
+}
+@if $experimental-support-for-microsoft {
+  @-ms-keyframes fadeInUp { @include fadeInUp(ms); }
+}
+@if $experimental-support-for-opera {
+  @-o-keyframes fadeInUp { @include fadeInUp(o); }
+}
+@keyframes fadeInUp { @include fadeInUp(none); }
+
+.fadeInUp {
+  @include animation-name(fadeInUp);
+}

data/stylesheets/sammy/animations/fading-entrances/_fadeInUpBig.scss

@@ -0,0 +1,31 @@
+@mixin fadeInUpBig($prefix) {
+  0% {
+    opacity: 0;
+    @include transform(translateY(2000px), $prefix);
+  }
+  100% {
+    opacity: 1;
+    @include transform(translateY(0), $prefix);
+  }
+}
+
+@if $experimental-support-for-webkit {
+  @-webkit-keyframes fadeInUpBig { @include fadeInUpBig(webkit); }
+}
+@if $experimental-support-for-khtml {
+  @-khtml-keyframes fadeInUpBig { @include fadeInUpBig(khtml); }
+}
+@if $experimental-support-for-mozilla {
+  @-moz-keyframes fadeInUpBig { @include fadeInUpBig(moz); }
+}
+@if $experimental-support-for-microsoft {
+  @-ms-keyframes fadeInUpBig { @include fadeInUpBig(ms); }
+}
+@if $experimental-support-for-opera {
+  @-o-keyframes fadeInUpBig { @include fadeInUpBig(o); }
+}
+@keyframes fadeInUpBig { @include fadeInUpBig(none); }
+
+.fadeInUpBig {
+  @include animation-name(fadeInUpBig);
+}

data/stylesheets/sammy/animations/fading-exits/_fadeOut.scss

@@ -0,0 +1,25 @@
+@mixin fadeOut {
+  0% { opacity: 1; }
+  100% { opacity: 0; }
+}
+
+@if $experimental-support-for-webkit {
+  @-webkit-keyframes fadeOut { @include fadeOut; }
+}
+@if $experimental-support-for-khtml {
+  @-khtml-keyframes fadeOut { @include fadeOut; }
+}
+@if $experimental-support-for-mozilla {
+  @-moz-keyframes fadeOut { @include fadeOut; }
+}
+@if $experimental-support-for-microsoft {
+  @-ms-keyframes fadeOut { @include fadeOut; }
+}
+@if $experimental-support-for-opera {
+  @-o-keyframes fadeOut { @include fadeOut; }
+}
+@keyframes fadeOut { @include fadeOut; }
+
+.fadeOut {
+  @include animation-name(fadeOut);
+}

data/stylesheets/sammy/animations/fading-exits/_fadeOutDown.scss

@@ -0,0 +1,31 @@
+@mixin fadeOutDown($prefix) {
+  0% {
+    opacity: 1;
+    @include transform(translateY(0), $prefix);
+  }
+  100% {
+    opacity: 0;
+    @include transform(translateY(20px), $prefix);
+  }
+}
+
+@if $experimental-support-for-webkit {
+  @-webkit-keyframes fadeOutDown { @include fadeOutDown(webkit); }
+}
+@if $experimental-support-for-khtml {
+  @-khtml-keyframes fadeOutDown { @include fadeOutDown(khtml); }
+}
+@if $experimental-support-for-mozilla {
+  @-moz-keyframes fadeOutDown { @include fadeOutDown(moz); }
+}
+@if $experimental-support-for-microsoft {
+  @-ms-keyframes fadeOutDown { @include fadeOutDown(ms); }
+}
+@if $experimental-support-for-opera {
+  @-o-keyframes fadeOutDown { @include fadeOutDown(o); }
+}
+@keyframes fadeOutDown { @include fadeOutDown(none); }
+
+.fadeOutDown {
+  @include animation-name(fadeOutDown);
+}

data/stylesheets/sammy/animations/fading-exits/_fadeOutDownBig.scss

@@ -0,0 +1,31 @@
+@mixin fadeOutDownBig($prefix) {
+  0% {
+    opacity: 1;
+    @include transform(translateY(0), $prefix);
+  }
+  100% {
+    opacity: 0;
+    @include transform(translateY(2000px), $prefix);
+  }
+}
+
+@if $experimental-support-for-webkit {
+  @-webkit-keyframes fadeOutDownBig { @include fadeOutDownBig(webkit); }
+}
+@if $experimental-support-for-khtml {
+  @-khtml-keyframes fadeOutDownBig { @include fadeOutDownBig(khtml); }
+}
+@if $experimental-support-for-mozilla {
+  @-moz-keyframes fadeOutDownBig { @include fadeOutDownBig(moz); }
+}
+@if $experimental-support-for-microsoft {
+  @-ms-keyframes fadeOutDownBig { @include fadeOutDownBig(ms); }
+}
+@if $experimental-support-for-opera {
+  @-o-keyframes fadeOutDownBig { @include fadeOutDownBig(o); }
+}
+@keyframes fadeOutDownBig { @include fadeOutDownBig(none); }
+
+.fadeOutDownBig {
+  @include animation-name(fadeOutDownBig);
+}

data/stylesheets/sammy/animations/fading-exits/_fadeOutLeft.scss

@@ -0,0 +1,31 @@
+@mixin fadeOutLeft($prefix) {
+  0% {
+    opacity: 1;
+    @include transform(translateX(0), $prefix);
+  }
+  100% {
+    opacity: 0;
+    @include transform(translateX(-20px), $prefix);
+  }
+}
+
+@if $experimental-support-for-webkit {
+  @-webkit-keyframes fadeOutLeft { @include fadeOutLeft(webkit); }
+}
+@if $experimental-support-for-khtml {
+  @-khtml-keyframes fadeOutLeft { @include fadeOutLeft(khtml); }
+}
+@if $experimental-support-for-mozilla {
+  @-moz-keyframes fadeOutLeft { @include fadeOutLeft(moz); }
+}
+@if $experimental-support-for-microsoft {
+  @-ms-keyframes fadeOutLeft { @include fadeOutLeft(ms); }
+}
+@if $experimental-support-for-opera {
+  @-o-keyframes fadeOutLeft { @include fadeOutLeft(o); }
+}
+@keyframes fadeOutLeft { @include fadeOutLeft(none); }
+
+.fadeOutLeft {
+  @include animation-name(fadeOutLeft);
+}

data/stylesheets/sammy/animations/fading-exits/_fadeOutLeftBig.scss

@@ -0,0 +1,31 @@
+@mixin fadeOutLeftBig($prefix) {
+  0% {
+    opacity: 1;
+    @include transform(translateX(0), $prefix);
+  }
+  100% {
+    opacity: 0;
+    @include transform(translateX(-2000px), $prefix);
+  }
+}
+
+@if $experimental-support-for-webkit {
+  @-webkit-keyframes fadeOutLeftBig { @include fadeOutLeftBig(webkit); }
+}
+@if $experimental-support-for-khtml {
+  @-khtml-keyframes fadeOutLeftBig { @include fadeOutLeftBig(khtml); }
+}
+@if $experimental-support-for-mozilla {
+  @-moz-keyframes fadeOutLeftBig { @include fadeOutLeftBig(moz); }
+}
+@if $experimental-support-for-microsoft {
+  @-ms-keyframes fadeOutLeftBig { @include fadeOutLeftBig(ms); }
+}
+@if $experimental-support-for-opera {
+  @-o-keyframes fadeOutLeftBig { @include fadeOutLeftBig(o); }
+}
+@keyframes fadeOutLeftBig { @include fadeOutLeftBig(none); }
+
+.fadeOutLeftBig {
+  @include animation-name(fadeOutLeftBig);
+}

data/stylesheets/sammy/animations/fading-exits/_fadeOutRight.scss

@@ -0,0 +1,31 @@
+@mixin fadeOutRight($prefix) {
+  0% {
+    opacity: 1;
+    @include transform(translateX(0), $prefix);
+  }
+  100% {
+    opacity: 0;
+    @include transform(translateX(20px), $prefix);
+  }
+}
+
+@if $experimental-support-for-webkit {
+  @-webkit-keyframes fadeOutRight { @include fadeOutRight(webkit); }
+}
+@if $experimental-support-for-khtml {
+  @-khtml-keyframes fadeOutRight { @include fadeOutRight(khtml); }
+}
+@if $experimental-support-for-mozilla {
+  @-moz-keyframes fadeOutRight { @include fadeOutRight(moz); }
+}
+@if $experimental-support-for-microsoft {
+  @-ms-keyframes fadeOutRight { @include fadeOutRight(ms); }
+}
+@if $experimental-support-for-opera {
+  @-o-keyframes fadeOutRight { @include fadeOutRight(o); }
+}
+@keyframes fadeOutRight { @include fadeOutRight(none); }
+
+.fadeOutRight {
+  @include animation-name(fadeOutRight);
+}

data/stylesheets/sammy/animations/fading-exits/_fadeOutRightBig.scss

@@ -0,0 +1,31 @@
+@mixin fadeOutRightBig($prefix) {
+  0% {
+    opacity: 1;
+    @include transform(translateX(0), $prefix);
+  }
+  100% {
+    opacity: 0;
+    @include transform(translateX(2000px), $prefix);
+  }
+}
+
+@if $experimental-support-for-webkit {
+  @-webkit-keyframes fadeOutRightBig { @include fadeOutRightBig(webkit); }
+}
+@if $experimental-support-for-khtml {
+  @-khtml-keyframes fadeOutRightBig { @include fadeOutRightBig(khtml); }
+}
+@if $experimental-support-for-mozilla {
+  @-moz-keyframes fadeOutRightBig { @include fadeOutRightBig(moz); }
+}
+@if $experimental-support-for-microsoft {
+  @-ms-keyframes fadeOutRightBig { @include fadeOutRightBig(ms); }
+}
+@if $experimental-support-for-opera {
+  @-o-keyframes fadeOutRightBig { @include fadeOutRightBig(o); }
+}
+@keyframes fadeOutRightBig { @include fadeOutRightBig(none); }
+
+.fadeOutRightBig {
+  @include animation-name(fadeOutRightBig);
+}

data/stylesheets/sammy/animations/fading-exits/_fadeOutUp.scss

@@ -0,0 +1,31 @@
+@mixin fadeOutUp($prefix) {
+  0% {
+    opacity: 1;
+    @include transform(translateY(0), $prefix);
+  }
+  100% {
+    opacity: 0;
+    @include transform(translateY(-20px), $prefix);
+  }
+}
+
+@if $experimental-support-for-webkit {
+  @-webkit-keyframes fadeOutUp { @include fadeOutUp(webkit); }
+}
+@if $experimental-support-for-khtml {
+  @-khtml-keyframes fadeOutUp { @include fadeOutUp(khtml); }
+}
+@if $experimental-support-for-mozilla {
+  @-moz-keyframes fadeOutUp { @include fadeOutUp(moz); }
+}
+@if $experimental-support-for-microsoft {
+  @-ms-keyframes fadeOutUp { @include fadeOutUp(ms); }
+}
+@if $experimental-support-for-opera {
+  @-o-keyframes fadeOutUp { @include fadeOutUp(o); }
+}
+@keyframes fadeOutUp { @include fadeOutUp(none); }
+
+.fadeOutUp {
+  @include animation-name(fadeOutUp);
+}

data/stylesheets/sammy/animations/fading-exits/_fadeOutUpBig.scss

@@ -0,0 +1,31 @@
+@mixin fadeOutUpBig($prefix) {
+  0% {
+    opacity: 1;
+    @include transform(translateY(0), $prefix);
+  }
+  100% {
+    opacity: 0;
+    @include transform(translateY(-2000px), $prefix);
+  }
+}
+
+@if $experimental-support-for-webkit {
+  @-webkit-keyframes fadeOutUpBig { @include fadeOutUpBig(webkit); }
+}
+@if $experimental-support-for-khtml {
+  @-khtml-keyframes fadeOutUpBig { @include fadeOutUpBig(khtml); }
+}
+@if $experimental-support-for-mozilla {
+  @-moz-keyframes fadeOutUpBig { @include fadeOutUpBig(moz); }
+}
+@if $experimental-support-for-microsoft {
+  @-ms-keyframes fadeOutUpBig { @include fadeOutUpBig(ms); }
+}
+@if $experimental-support-for-opera {
+  @-o-keyframes fadeOutUpBig { @include fadeOutUpBig(o); }
+}
+@keyframes fadeOutUpBig { @include fadeOutUpBig(none); }
+
+.fadeOutUpBig {
+  @include animation-name(fadeOutUpBig);
+}

data/stylesheets/sammy/animations/flippers/_flip.scss

@@ -0,0 +1,44 @@
+@mixin flip($prefix) {
+	0% {
+		@include transform(perspective(400px) rotateY(0), $prefix);
+		@include animation-timing-function(ease-out, $prefix: $prefix);
+	}
+	40% {
+		@include transform(perspective(400px) translateZ(150px) rotateY(170deg), $prefix);
+		@include animation-timing-function(ease-out, $prefix: $prefix);
+	}
+	50% {
+		@include transform(perspective(400px) translateZ(150px) rotateY(190deg) scale(1), $prefix);
+		@include animation-timing-function(ease-in, $prefix: $prefix);
+	}
+	80% {
+		@include transform(perspective(400px) rotateY(360deg) scale(.95), $prefix);
+		@include animation-timing-function(ease-in, $prefix: $prefix);
+	}
+	100% {
+		@include transform(perspective(400px) scale(1), $prefix);
+		@include animation-timing-function(ease-in, $prefix: $prefix);
+	}
+}
+
+@if $experimental-support-for-webkit {
+  @-webkit-keyframes flip { @include flip(webkit); }
+}
+@if $experimental-support-for-khtml {
+  @-khtml-keyframes flip { @include flip(khtml); }
+}
+@if $experimental-support-for-mozilla {
+  @-moz-keyframes flip { @include flip(moz); }
+}
+@if $experimental-support-for-microsoft {
+  @-ms-keyframes flip { @include flip(ms); }
+}
+@if $experimental-support-for-opera {
+  @-o-keyframes flip { @include flip(o); }
+}
+@keyframes flip { @include flip(none); }
+
+.flip {
+  @include animation-name(flip);
+  @include backface-visibility(visible !important);
+}