vft 0.0.142 → 0.0.144

package/theme-style/src/common/transition.scss

@@ -1,19 +1,9 @@
-@use "../mixins/config" as *;
-@use "../mixins/mixins" as *;
-
-.fade-in-linear-enter-active,
-.fade-in-linear-leave-active {
-  transition: getCssVar("transition-fade", "linear");
-}
-
-.fade-in-linear-enter-from,
-.fade-in-linear-leave-to {
-  opacity: 0;
-}
+@use '../mixins/config' as *;
+@use '../mixins/mixins' as *;
 
 .#{$namespace}-fade-in-linear-enter-active,
 .#{$namespace}-fade-in-linear-leave-active {
-  transition: getCssVar("transition-fade", "linear");
+  transition: getCssVar('transition-fade', 'linear');
 }
 
 .#{$namespace}-fade-in-linear-enter-from,
@@ -23,7 +13,7 @@
 
 .#{$namespace}-fade-in-enter-active,
 .#{$namespace}-fade-in-leave-active {
-  transition: all getCssVar("transition-duration") cubic-bezier(0.55, 0, 0.1, 1);
+  transition: all getCssVar('transition-duration') cubic-bezier(0.55, 0, 0.1, 1);
 }
 
 .#{$namespace}-fade-in-enter-from,
@@ -33,7 +23,7 @@
 
 .#{$namespace}-zoom-in-center-enter-active,
 .#{$namespace}-zoom-in-center-leave-active {
-  transition: all getCssVar("transition-duration") cubic-bezier(0.55, 0, 0.1, 1);
+  transition: all getCssVar('transition-duration') cubic-bezier(0.55, 0, 0.1, 1);
 }
 
 .#{$namespace}-zoom-in-center-enter-from,
@@ -47,15 +37,16 @@
   transform: scaleY(1);
   transform-origin: center top;
 
-  &[data-popper-placement^="top"] {
+  &[data-popper-placement^='top'] {
     transform-origin: center bottom;
   }
 }
 
 .#{$namespace}-zoom-in-top-enter-active,
 .#{$namespace}-zoom-in-top-leave-active {
+  transition: getCssVar('transition-md-fade');
+
   @include common-zoom-in-top;
-  transition: getCssVar("transition-md-fade");
 }
 
 .#{$namespace}-zoom-in-top-enter-from,
@@ -65,8 +56,9 @@
 }
 
 .#{$namespace}-zoom-in-top-fast-enter-active {
+  transition: getCssVar('transition-md-fade');
+
   @include common-zoom-in-top;
-  transition: getCssVar("transition-md-fade");
 }
 .#{$namespace}-zoom-in-top-fast-leave-active {
   @include common-zoom-in-top;
@@ -82,7 +74,7 @@
 .#{$namespace}-zoom-in-bottom-leave-active {
   opacity: 1;
   transform: scaleY(1);
-  transition: getCssVar("transition-md-fade");
+  transition: getCssVar('transition-md-fade');
   transform-origin: center bottom;
 }
 
@@ -96,7 +88,7 @@
 .#{$namespace}-zoom-in-left-leave-active {
   opacity: 1;
   transform: scale(1, 1);
-  transition: getCssVar("transition-md-fade");
+  transition: getCssVar('transition-md-fade');
   transform-origin: top left;
 }
 
@@ -107,22 +99,22 @@
 }
 
 .collapse-transition {
-  transition: getCssVar("transition-duration") height ease-in-out,
-    getCssVar("transition-duration") padding-top ease-in-out,
-    getCssVar("transition-duration") padding-bottom ease-in-out;
+  transition: getCssVar('transition-duration') height ease-in-out,
+    getCssVar('transition-duration') padding-top ease-in-out,
+    getCssVar('transition-duration') padding-bottom ease-in-out;
 }
 
 .#{$namespace}-collapse-transition-leave-active,
 .#{$namespace}-collapse-transition-enter-active {
-  transition: getCssVar("transition-duration") max-height ease-in-out,
-    getCssVar("transition-duration") padding-top ease-in-out,
-    getCssVar("transition-duration") padding-bottom ease-in-out;
+  transition: getCssVar('transition-duration') max-height ease-in-out,
+    getCssVar('transition-duration') padding-top ease-in-out,
+    getCssVar('transition-duration') padding-bottom ease-in-out;
 }
 
 .horizontal-collapse-transition {
-  transition: getCssVar("transition-duration") width ease-in-out,
-    getCssVar("transition-duration") padding-left ease-in-out,
-    getCssVar("transition-duration") padding-right ease-in-out;
+  transition: getCssVar('transition-duration') width ease-in-out,
+    getCssVar('transition-duration') padding-left ease-in-out,
+    getCssVar('transition-duration') padding-right ease-in-out;
 }
 
 .#{$namespace}-list-enter-active,
@@ -141,7 +133,7 @@
 }
 
 .#{$namespace}-opacity-transition {
-  transition: opacity getCssVar("transition-duration")
+  transition: opacity getCssVar('transition-duration')
     cubic-bezier(0.55, 0, 0.1, 1);
 }
 
@@ -149,6 +141,7 @@
   from {
     -webkit-transform: rotate(0deg);
   }
+
   to {
     -webkit-transform: rotate(360deg);
   }