@openneuro/app 4.1.2 → 4.2.3

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;
-  }
-}

package/src/sass/animate/_rotating-entrances/_rotateIn.scss

@@ -1,22 +0,0 @@
-@include keyframes(rotateIn) {
-  0% {
-    opacity: 0;
-    @include transform(rotate(-200deg));
-    @include transform-origin(center center);
-  }
-  100% {
-    opacity: 1;
-    @include transform(rotate(0));
-    @include transform-origin(center center);
-  }
-}
-
-@mixin rotateIn($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(rotateIn);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_rotating-entrances/_rotateInDownLeft.scss

@@ -1,22 +0,0 @@
-@include keyframes(rotateInDownLeft) {
-  0% {
-    opacity: 0;
-    @include transform(rotate(-90deg));
-    @include transform-origin(left bottom);
-  }
-  100% {
-    opacity: 1;
-    @include transform(rotate(0));
-    @include transform-origin(left bottom);
-  }
-}
-
-@mixin rotateInDownLeft($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(rotateInDownLeft);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_rotating-entrances/_rotateInDownRight.scss

@@ -1,22 +0,0 @@
-@include keyframes(rotateInDownRight) {
-  0% {
-    opacity: 0;
-    @include transform(rotate(90deg));
-    @include transform-origin(right bottom);
-  }
-  100% {
-    opacity: 1;
-    @include transform(rotate(0));
-    @include transform-origin(right bottom);
-  }
-}
-
-@mixin rotateInDownRight($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(rotateInDownRight);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_rotating-entrances/_rotateInUpLeft.scss

@@ -1,22 +0,0 @@
-@include keyframes(rotateInUpLeft) {
-  0% {
-    opacity: 0;
-    @include transform(rotate(90deg));
-    @include transform-origin(left bottom);
-  }
-  100% {
-    opacity: 1;
-    @include transform(rotate(0));
-    @include transform-origin(left bottom);
-  }
-}
-
-@mixin rotateInUpLeft($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(rotateInUpLeft);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_rotating-entrances/_rotateInUpRight.scss

@@ -1,22 +0,0 @@
-@include keyframes(rotateInUpRight) {
-  0% {
-    opacity: 0;
-    @include transform(rotate(-90deg));
-    @include transform-origin(right bottom);
-  }
-  100% {
-    opacity: 1;
-    @include transform(rotate(0));
-    @include transform-origin(right bottom);
-  }
-}
-
-@mixin rotateInUpRight($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(rotateInUpRight);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_rotating-entrances/rotating-entrances.scss

@@ -1,8 +0,0 @@
-// INDEX OF ROTATING ENTRANCES
-
-@import 
-"./_rotateIn",
-"./_rotateInDownLeft",
-"./_rotateInDownRight",
-"./_rotateInUpLeft",
-"./_rotateInUpRight";

package/src/sass/animate/_rotating-exits/_rotateOut.scss

@@ -1,22 +0,0 @@
-@include keyframes(rotateOut) {
-	0% {
-  	opacity: 1;
-  	@include transform(rotate(0));
-  	@include transform-origin(center center);
-  }
-	100% {
-  	opacity: 0;
-  	@include transform(rotate(200deg));
-  	@include transform-origin(center center);
-  }
-}
-
-@mixin rotateOut($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(rotateOut);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_rotating-exits/_rotateOutDownLeft.scss

@@ -1,22 +0,0 @@
-@include keyframes(rotateOutDownLeft) {
-	0% {
-  	opacity: 1;
-  	@include transform(rotate(0));
-  	@include transform-origin(left bottom);
-  }
-	100% {
-  	opacity: 0;
-  	@include transform(rotate(90deg));
-  	@include transform-origin(left bottom);
-  }
-}
-
-@mixin rotateOutDownLeft($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(rotateOutDownLeft);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_rotating-exits/_rotateOutDownRight.scss

@@ -1,22 +0,0 @@
-@include keyframes(rotateOutDownRight) {
-	0% {
-  	opacity: 1;
-  	@include transform(rotate(0));
-  	@include transform-origin(right bottom);
-  }
-	100% {
-  	opacity: 0;
-  	@include transform(rotate(-90deg));
-  	@include transform-origin(right bottom);
-  }
-}
-
-@mixin rotateOutDownRight($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(rotateOutDownRight);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_rotating-exits/_rotateOutUpLeft.scss

@@ -1,22 +0,0 @@
-@include keyframes(rotateOutUpLeft) {
-	0% {
-  	opacity: 1;
-  	@include transform(rotate(0));
-  	@include transform-origin(left bottom);
-  }
- 100% {
-   opacity: 0;
-   @include transform(rotate(-90deg));
-   @include transform-origin(left bottom);
-  }
-}
-
-@mixin rotateOutUpLeft($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(rotateOutUpLeft);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_rotating-exits/_rotateOutUpRight.scss

@@ -1,22 +0,0 @@
-@include keyframes(rotateOutUpRight) {
-  0% {
-    opacity: 1;
-    @include transform(rotate(0));
-    @include transform-origin(right bottom);
-  }
-  100% {
-    opacity: 0;
-    @include transform(rotate(90deg));
-    @include transform-origin(right bottom);
-  }
-}
-
-@mixin rotateOutUpRight($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
-  @include animation-name(rotateOutUpRight);
-  @include count($count);
-  @include duration($duration);
-  @include delay($delay);
-  @include function($function);
-  @include fill-mode($fill);
-  @include visibility($visibility);
-}

package/src/sass/animate/_rotating-exits/rotating-exits.scss

@@ -1,8 +0,0 @@
-// INDEX OF ROTATING EXITS
-
-@import 
-"./_rotateOut",
-"./_rotateOutDownLeft",
-"./_rotateOutDownRight",
-"./_rotateOutUpLeft",
-"./_rotateOutUpRight";

package/src/sass/animate/_sliding-entrances/_slideInDown.scss

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

package/src/sass/animate/_sliding-entrances/_slideInLeft.scss

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