@openneuro/app 4.2.0 → 4.2.4

package/src/sass/animate/_fading-entrances/_fadeInDownBig.scss

@@ -1,20 +0,0 @@
-@include keyframes(fadeInDownBig) {
-  0% {
-    opacity: 0;
-    @include transform(translateY(-2000px));
-  }
-  100% {
-    opacity: 1;
-    @include transform(translateY(0));
-  }
-}
-
-@mixin fadeInDownBig($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(fadeInDownBig);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_fading-entrances/_fadeInLeft.scss

@@ -1,20 +0,0 @@
-@include keyframes(fadeInLeft) {
-  0% {
-    opacity: 0;
-    @include transform(translateX(-20px));
-  }
-  100% {
-    opacity: 1;
-    @include transform(translateX(0));
-  }
-}
-
-@mixin fadeInLeft($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(fadeInLeft);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_fading-entrances/_fadeInLeftBig.scss

@@ -1,20 +0,0 @@
-@include keyframes(fadeInLeftBig) {
-  0% {
-    opacity: 0;
-    @include transform(translateX(-2000px));
-  }
-  100% {
-    opacity: 1;
-    @include transform(translateX(0));
-  }
-}
-
-@mixin fadeInLeftBig($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(fadeInLeftBig);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_fading-entrances/_fadeInRight.scss

@@ -1,20 +0,0 @@
-@include keyframes(fadeInRight) {
-  0% {
-    opacity: 0;
-    @include transform(translateX(20px));
-  }
-  100% {
-    opacity: 1;
-    @include transform(translateX(0));
-  }
-}
-
-@mixin fadeInRight($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(fadeInRight);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_fading-entrances/_fadeInRightBig.scss

@@ -1,20 +0,0 @@
-@include keyframes(fadeInRightBig) {
-  0% {
-    opacity: 0;
-    @include transform(translateX(2000px));
-  }
-  100% {
-    opacity: 1;
-    @include transform(translateX(0));
-  }
-}
-
-@mixin fadeInRightBig($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(fadeInRightBig);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_fading-entrances/_fadeInUp.scss

@@ -1,19 +0,0 @@
-@include keyframes(fadeInUp) {
-  0% {
-    opacity: 0;
-    @include transform(translateY(20px));}
-  100% {
-    opacity: 1;
-    @include transform(translateY(0));
-  }
-}
-
-@mixin fadeInUp($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(fadeInUp);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_fading-entrances/_fadeInUpBig.scss

@@ -1,20 +0,0 @@
-@include keyframes(fadeInUpBig) {
-  0% {
-    opacity: 0;
-    @include transform(translateY(2000px));
-  }
-  100% {
-    opacity: 1;
-    @include transform(translateY(0));
-  }
-}
-
-@mixin fadeInUpBig($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(fadeInUpBig);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_fading-entrances/fading-entrances.scss

@@ -1,5 +0,0 @@
-// INDEX OF FADING ENTRANCES
-
-@import './_fadeIn', './_fadeInDown', './_fadeInDownBig', './_fadeInLeft',
-  './_fadeInLeftBig', './_fadeInRight', './_fadeInRightBig', './_fadeInUp',
-  './_fadeInUpBig';

package/src/sass/animate/_fading-exits/_fadeOut.scss

@@ -1,14 +0,0 @@
-@include keyframes(fadeOut) {
-	  0% {opacity: 1;}
-	100% {opacity: 0;}
-}
-
-@mixin fadeOut($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-	@include animation-name(fadeOut);
-	@include count($count);
-	@include duration($duration);
-	@include delay($delay);
-	@include function($function);
-	@include fill-mode($fill);
-	@include visibility($visibility);
-}

package/src/sass/animate/_fading-exits/_fadeOutDown.scss

@@ -1,20 +0,0 @@
-@include keyframes(fadeOutDown) {
-  0% {
-    opacity: 1;
-    @include transform(translateY(0));
-  }
-  100% {
-    opacity: 0;
-    @include transform(translateY(20px));
-  }
-}
-
-@mixin fadeOutDown($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(fadeOutDown);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_fading-exits/_fadeOutDownBig.scss

@@ -1,20 +0,0 @@
-@include keyframes(fadeOutDownBig) {
-  0% {
-    opacity: 1;
-    @include transform(translateY(0));
-  }
-  100% {
-    opacity: 0;
-    @include transform(translateY(2000px));
-  }
-}
-
-@mixin fadeOutDownBig($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(fadeOutDownBig);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_fading-exits/_fadeOutLeft.scss

@@ -1,20 +0,0 @@
-@include keyframes(fadeOutLeft) {
-  0% {
-    opacity: 1;
-    @include transform(translateX(0));
-  }
-  100% {
-    opacity: 0;
-    @include transform(translateX(-20px));
-  }
-}
-
-@mixin fadeOutLeft($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(fadeOutLeft);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_fading-exits/_fadeOutLeftBig.scss

@@ -1,20 +0,0 @@
-@include keyframes(fadeOutLeftBig) {
-  0% {
-    opacity: 1;
-    @include transform(translateX(0));
-  }
-  100% {
-    opacity: 0;
-    @include transform(translateX(-2000px));
-  }
-}
-
-@mixin fadeOutLeftBig($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(fadeOutLeftBig);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_fading-exits/_fadeOutRight.scss

@@ -1,20 +0,0 @@
-@include keyframes(fadeOutRight) {
-  0% {
-    opacity: 1;
-    @include transform(translateX(0));
-  }
-  100% {
-    opacity: 0;
-    @include transform(translateX(20px));
-  }
-}
-
-@mixin fadeOutRight($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(fadeOutRight);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_fading-exits/_fadeOutRightBig.scss

@@ -1,20 +0,0 @@
-@include keyframes(fadeOutRightBig) {
-  0% {
-    opacity: 1;
-    @include transform(translateX(0));
-  }
-  100% {
-    opacity: 0;
-    @include transform(translateX(2000px));
-  }
-}
-
-@mixin fadeOutRightBig($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(fadeOutRightBig);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_fading-exits/_fadeOutUp.scss

@@ -1,20 +0,0 @@
-@include keyframes(fadeOutUp) {
-  0% {
-    opacity: 1;
-    @include transform(translateY(0));
-  }
-  100% {
-    opacity: 0;
-    @include transform(translateY(-20px));
-  }
-}
-
-@mixin fadeOutUp($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(fadeOutUp);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_fading-exits/_fadeOutUpBig.scss

@@ -1,20 +0,0 @@
-@include keyframes(fadeOutUpBig) {
-  0% {
-    opacity: 1;
-    @include transform(translateY(0));
-  }
-  100% {
-    opacity: 0;
-    @include transform(translateY(-2000px));
-  }
-}
-
-@mixin fadeOutUpBig($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(fadeOutUpBig);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_fading-exits/fading-exits.scss

@@ -1,5 +0,0 @@
-// INDEX OF FADING EXITS
-
-@import './_fadeOut', './_fadeOutDown', './_fadeOutDownBig', './_fadeOutLeft',
-  './fadeOutLeftBig', './_fadeOutRight', './_fadeOutRightBig', './_fadeOutUp',
-  './_fadeOutUpBig';

package/src/sass/animate/_flippers/_flip.scss

@@ -1,33 +0,0 @@
-@include keyframes(flip) {
-  0% {
-    @include transform(perspective(400px) rotateY(0));
-    animation-timing-function: ease-out;
-  }
-  40% {
-    @include transform(perspective(400px) translateZ(150px) rotateY(170deg));
-    animation-timing-function: ease-out;
-  }
-  50% {
-    @include transform(perspective(400px) translateZ(150px) rotateY(190deg) scale(1));
-    animation-timing-function: ease-in;
-  }
-  80% {
-    @include transform(perspective(400px) rotateY(360deg) scale(.95));
-    animation-timing-function: ease-in;
-  }
-  100% {
-    @include transform(perspective(400px) scale(1));
-    animation-timing-function: ease-in;
-  }
-}
-
-@mixin flip($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include transform-style(preserve-3d);
-  @include animation-name(flip);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_flippers/_flipInX.scss

@@ -1,26 +0,0 @@
-@include keyframes(flipInX) {
-  0% {
-    opacity: 0;
-    @include transform(perspective(400px) rotateX(90deg));
-  }
-  40% {
-    @include transform(perspective(400px) rotateX(-10deg));
-  }
-  70% {
-    @include transform(perspective(400px) rotateX(10deg));
-  }
-  100% {
-    opacity: 1;
-    @include transform(perspective(400px) rotateX(0deg));
-  }
-}
-
-@mixin flipInX($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(flipInX);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_flippers/_flipInY.scss

@@ -1,26 +0,0 @@
-@include keyframes(flipInY) {
-  0% {
-    opacity: 0;
-    @include transform(perspective(400px) rotateY(90deg));
-  }
-  40% {
-    @include transform(perspective(400px) rotateY(-10deg));
-  }
-  70% {
-    @include transform(perspective(400px) rotateY(10deg));
-  }
-  100% {
-    opacity: 1;
-    @include transform(perspective(400px) rotateY(0deg));
-  }
-}
-
-@mixin flipInY($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(flipInY);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_flippers/_flipOutX.scss

@@ -1,20 +0,0 @@
-@include keyframes(flipOutX) {
-  0% {
-    opacity: 1;
-    @include transform(perspective(400px) rotateX(0deg));
-  }
-  100% {
-    opacity: 0;
-    @include transform(perspective(400px) rotateX(90deg));
-  }
-}
-
-@mixin flipOutX($count: $countDefult, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(flipOutX);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_flippers/_flipOutY.scss

@@ -1,20 +0,0 @@
-@include keyframes(flipOutY) {
-  0% {
-    opacity: 1;
-    @include transform(perspective(400px) rotateY(0deg));
-  }
-  100% {
-    opacity: 0;
-    @include transform(perspective(400px) rotateY(90deg));
-  }
-}
-
-@mixin flipOutY($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(flipOutY);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_flippers/flippers.scss

@@ -1,8 +0,0 @@
-// INDEX OF FLIPPERS
-
-@import 
-"./_flip",
-"./_flipInX",
-"./_flipInY",
-"./_flipOutX",
-"./_flipOutY";

package/src/sass/animate/_lightspeed/_lightSpeedIn.scss

@@ -1,29 +0,0 @@
-@include keyframes(lightSpeedIn) {
-	0% {
-  	opacity: 0;
-  	@include transform(translateX(100%) skewX(-30deg));
-  }
-	60% {
-  	opacity: 1;
-  	@include transform(translateX(-20%) skewX(30deg));
-  }
-	80% {
-  	opacity: 1;
-  	@include transform(translateX(0%) skewX(-15deg));
-  }
-	100% {
-  	opacity: 1;
-  	@include transform(translateX(0%) skewX(0deg));
-  }
-}
-
-@mixin lightSpeedIn($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(lightSpeedIn);
-  @include count($count);
-	@include function(ease-out);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_lightspeed/_lightSpeedOut.scss

@@ -1,21 +0,0 @@
-@include keyframes(lightSpeedOut) {
-  0% {
-    opacity: 1;
-    @include transform(translateX(0%) skewX(0deg));
-  }
-  100% {
-    opacity: 0;
-    @include transform(translateX(100%) skewX(-30deg));
-  }
-}
-
-@mixin lightSpeedOut($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(lightSpeedOut);
-  @include count($count);
-  @include function(ease-in);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_lightspeed/lightspeed.scss

@@ -1,3 +0,0 @@
-// INDEX OF LIGHTSPEED ANIMATIONS
-
-@import './_lightSpeedIn', './_lightSpeedOut';

package/src/sass/animate/_properties.scss

@@ -1,119 +0,0 @@
-// duration     Specifies how many seconds or milliseconds an animation takes to complete one cycle. Default 0
-//
-// delay        Specifies when the animation will start. Default 0
-//
-// function     Describes how the animation will progress over one cycle of its duration. Default "ease"
-//
-// count        Specifies the number of times an animation is played. Default 1
-//
-// fill-mode    Specifies if the effects of an animation are before the animation starts and after it ends.
-//
-// visibility   Determines whether or not a transformed element is visible when it is not facing the screen.
-
-$countDefault: 1s !default;
-$durationDefault: 1s !default;
-$delayDefault: 0s !default;
-$functionDefault: ease !default;
-$fillDefault: both;
-$visibilityDefault: hidden !default;
-
-@mixin count($count: 1) {
-  -webkit-animation-iteration-count: $count;
-     -moz-animation-iteration-count: $count;
-      -ms-animation-iteration-count: $count;
-       -o-animation-iteration-count: $count;
-          animation-iteration-count: $count;
-}
-
-@mixin duration($duration: 1s) {
-  -webkit-animation-duration: $duration;
-     -moz-animation-duration: $duration;
-      -ms-animation-duration: $duration;
-       -o-animation-duration: $duration;
-          animation-duration: $duration;
-}
-
-@mixin delay($delay: .2s) {
-  -webkit-animation-delay: $delay;
-     -moz-animation-delay: $delay;
-      -ms-animation-delay: $delay;
-       -o-animation-delay: $delay;
-          animation-delay: $delay;
-}
-
-@mixin function($function: ease) {
-  -webkit-animation-timing-function: $function;
-     -moz-animation-timing-function: $function;
-      -ms-animation-timing-function: $function;
-       -o-animation-timing-function: $function;
-          animation-timing-function: $function;
-}
-
-@mixin fill-mode($fill: both) {
-  -webkit-animation-fill-mode: $fill;
-     -moz-animation-fill-mode: $fill;
-      -ms-animation-fill-mode: $fill;
-       -o-animation-fill-mode: $fill;
-          animation-fill-mode: $fill;
-}
-
-@mixin visibility($visibility: hidden) {
-  -webkit-backface-visibility: $visibility;
-     -moz-backface-visibility: $visibility;
-      -ms-backface-visibility: $visibility;
-       -o-backface-visibility: $visibility;
-          backface-visibility: $visibility;
-}
-
-@mixin transform($property) {
-  -webkit-transform: $property;
-     -moz-transform: $property;
-      -ms-transform: $property;
-       -o-transform: $property;
-          transform: $property;
-}
-
-@mixin transform-origin($transform-origin: center center) {
-  -webkit-transform-origin: $transform-origin;
-     -moz-transform-origin: $transform-origin;
-      -ms-transform-origin: $transform-origin;
-       -o-transform-origin: $transform-origin;
-          transform-origin: $transform-origin;
-}
-
-@mixin transform-style($transform-style: flat) {
-  -webkit-transform-style: $transform-style;
-     -moz-transform-style: $transform-style;
-       -o-transform-style: $transform-style;
-          transform-style: $transform-style;
-}
-
-@mixin animation-name($animation-name) {
-  -webkit-animation-name: $animation-name;
-     -moz-animation-name: $animation-name;
-      -ms-animation-name: $animation-name;
-       -o-animation-name: $animation-name;
-          animation-name: $animation-name;
-}
-
-@mixin keyframes($animation-name) {
-  @-webkit-keyframes #{$animation-name} {
-    @content;
-  }
-
-  @-moz-keyframes #{$animation-name} {
-    @content;
-  }
-
-  @-ms-keyframes #{$animation-name} {
-    @content;
-  }
-
-  @-o-keyframes #{$animation-name} {
-    @content;
-  }
-
-  @keyframes #{$animation-name} {
-    @content;
-  }
-}