@leaflink/stash 43.5.2 → 44.0.0-beta.10

package/styles/utility/_transitions.scss

@@ -1,110 +0,0 @@
-/**
-
-  Transitions: scale, slides, fades
-
-       ◡◠ ✥ ◠◡
-
-  Table of Contents:
-
-    • Global
-    • Vue
-
-*/
-
-/* ---------------------------------------
-  Global
----------------------------------------- */
-// ...
-
-/* ---------------------------------------
-  Vue-specific
----------------------------------------- */
-
-.scale {
-  &-enter-active,
-  &-leave-active {
-    transition: $secondary-transition;
-  }
-
-  &-enter-from,
-  &-leave-from,
-  &-leave-to {
-    opacity: 0;
-    transform: scale(0);
-  }
-}
-
-.slide-y {
-  &-enter-active,
-  &-leave-active {
-    transition: $primary-transition;
-  }
-
-  &-enter-from,
-  &-leave-to {
-    opacity: 0;
-    transform: translateY(-0.875rem);
-  }
-}
-
-.slide-x {
-  &-enter-active,
-  &-leave-active {
-    transition: $primary-transition;
-  }
-
-  &-enter-from,
-  &-leave-to {
-    opacity: 0;
-    transform: translateX(-0.875rem);
-  }
-}
-
-.fade {
-  &-enter-active,
-  &-leave-active {
-    transition: opacity $primary-transition;
-  }
-
-  &-enter-from,
-  &-leave-to {
-    opacity: 0;
-  }
-
-  &-enter-to {
-    opacity: 1;
-  }
-}
-
-.expand {
-  $delay: map-get($transition-durations, 'fast');
-
-  &-enter-active,
-  &-leave-active {
-    transition:
-      height $secondary-transition,
-      opacity map-get($transition-durations, 'slow') $delay,
-      transform map-get($transition-durations, 'slow') $delay;
-  }
-
-  &-enter-from,
-  &-leave-to {
-    height: 0;
-    opacity: 0;
-    transform: translateY(-0.875rem);
-    transition-delay: 0s;
-  }
-
-  &-leave-from,
-  &-enter-to {
-    height: auto;
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-.move {
-  &-move {
-    transition: transform $primary-transition;
-  }
-}