sempli-website-lib 7.1.0-beta.2 → 7.1.0-beta.4

package/styles/vendor/animation/animate/bouncing/_bouncing-entrances.scss

@@ -1,68 +1,68 @@
-// ---------------------------------------------------------------------------
-@include keyframes(bounceIn) {
-  0% {
-    opacity: 0;
-    @include scale(0.3); }
-  50% {
-    opacity: 1;
-    @include scale(1.05); }
-  70% {
-    @include scale(0.9); }
-  100% {
-    @include scale(1); } }
-
-
-// ---------------------------------------------------------------------------
-@include keyframes(bounceInDown) {
-  0% {
-    opacity: 0;
-    @include translateY(-2000px); }
-  60% {
-    opacity: 1;
-    @include translateY(30px); }
-  80% {
-    @include translateY(-10px); }
-  100% {
-    @include translateY(0); } }
-
-
-// ---------------------------------------------------------------------------
-@include keyframes(bounceInUp) {
-  0% {
-    opacity: 0;
-    @include translateY(2000px); }
-  60% {
-    opacity: 1;
-    @include translateY(-30px); }
-  80% {
-    @include translateY(10px); }
-  100% {
-    @include translateY(0); } }
-
-
-// ---------------------------------------------------------------------------
-@include keyframes(bounceInRight) {
-  0% {
-    opacity: 0;
-    @include translateX(2000px); }
-  60% {
-    opacity: 1;
-    @include translateX(-30px); }
-  80% {
-    @include translateX(10px); }
-  100% {
-    @include translateX(0); } }
-
-
-// ---------------------------------------------------------------------------
-@include keyframes(bounceInLeft) {
-  0% {
-    opacity: 0;
-    @include translateX(-2000px); }
-  60% {
-    opacity: 1;
-    @include translateX(30px); }
-  80% {
-    @include translateX(-10px); }
-  100% {
-    @include translateX(0); } }
+// ---------------------------------------------------------------------------
+@include keyframes(bounceIn) {
+  0% {
+    opacity: 0;
+    @include scale(0.3); }
+  50% {
+    opacity: 1;
+    @include scale(1.05); }
+  70% {
+    @include scale(0.9); }
+  100% {
+    @include scale(1); } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(bounceInDown) {
+  0% {
+    opacity: 0;
+    @include translateY(-2000px); }
+  60% {
+    opacity: 1;
+    @include translateY(30px); }
+  80% {
+    @include translateY(-10px); }
+  100% {
+    @include translateY(0); } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(bounceInUp) {
+  0% {
+    opacity: 0;
+    @include translateY(2000px); }
+  60% {
+    opacity: 1;
+    @include translateY(-30px); }
+  80% {
+    @include translateY(10px); }
+  100% {
+    @include translateY(0); } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(bounceInRight) {
+  0% {
+    opacity: 0;
+    @include translateX(2000px); }
+  60% {
+    opacity: 1;
+    @include translateX(-30px); }
+  80% {
+    @include translateX(10px); }
+  100% {
+    @include translateX(0); } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(bounceInLeft) {
+  0% {
+    opacity: 0;
+    @include translateX(-2000px); }
+  60% {
+    opacity: 1;
+    @include translateX(30px); }
+  80% {
+    @include translateX(-10px); }
+  100% {
+    @include translateX(0); } }

package/styles/vendor/animation/animate/bouncing/_bouncing-exits.scss

@@ -1,60 +1,60 @@
-// ---------------------------------------------------------------------------
-@include keyframes(bounceOut) {
-  0% {
-    @include scale(1); }
-  25% {
-    @include scale(0.95); }
-  50% {
-    opacity: 1;
-    @include scale(1.1); }
-  100% {
-    opacity: 0;
-    @include scale(0.3); } }
-
-
-// ---------------------------------------------------------------------------
-@include keyframes(bounceOutUp) {
-  0% {
-    @include translateY(0); }
-  20% {
-    opacity: 1;
-    @include translateY(20px); }
-  100% {
-    opacity: 0;
-    @include translateY(-2000px); } }
-
-
-// ---------------------------------------------------------------------------
-@include keyframes(bounceOutDown) {
-  0% {
-    @include translateY(0); }
-  20% {
-    opacity: 1;
-    @include translateY(-20px); }
-  100% {
-    opacity: 0;
-    @include translateY(2000px); } }
-
-
-// ---------------------------------------------------------------------------
-@include keyframes(bounceOutLeft) {
-  0% {
-    @include translateX(0); }
-  20% {
-    opacity: 1;
-    @include translateX(20px); }
-  100% {
-    opacity: 0;
-    @include translateX(-2000px); } }
-
-
-// ---------------------------------------------------------------------------
-@include keyframes(bounceOutRight) {
-  0% {
-    @include translateX(0); }
-  20% {
-    opacity: 1;
-    @include translateX(-20px); }
-  100% {
-    opacity: 0;
-    @include translateX(2000px); } }
+// ---------------------------------------------------------------------------
+@include keyframes(bounceOut) {
+  0% {
+    @include scale(1); }
+  25% {
+    @include scale(0.95); }
+  50% {
+    opacity: 1;
+    @include scale(1.1); }
+  100% {
+    opacity: 0;
+    @include scale(0.3); } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(bounceOutUp) {
+  0% {
+    @include translateY(0); }
+  20% {
+    opacity: 1;
+    @include translateY(20px); }
+  100% {
+    opacity: 0;
+    @include translateY(-2000px); } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(bounceOutDown) {
+  0% {
+    @include translateY(0); }
+  20% {
+    opacity: 1;
+    @include translateY(-20px); }
+  100% {
+    opacity: 0;
+    @include translateY(2000px); } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(bounceOutLeft) {
+  0% {
+    @include translateX(0); }
+  20% {
+    opacity: 1;
+    @include translateX(20px); }
+  100% {
+    opacity: 0;
+    @include translateX(-2000px); } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(bounceOutRight) {
+  0% {
+    @include translateX(0); }
+  20% {
+    opacity: 1;
+    @include translateX(-20px); }
+  100% {
+    opacity: 0;
+    @include translateX(2000px); } }

package/styles/vendor/animation/animate/fading/_fading-entrances.scss

@@ -1,86 +1,86 @@
-// ---------------------------------------------------------------------------
-@include keyframes(fadeIn) {
-  0% {
-    opacity: 0; }
-  100% {
-    opacity: 1; } }
-
-
-// ---------------------------------------------------------------------------
-@include keyframes(fadeInUp) {
-  0% {
-    @include translateY(20px);
-    opacity: 0; }
-  100% {
-    @include translateY(0);
-    opacity: 1; } }
-
-
-// ---------------------------------------------------------------------------
-@include keyframes(fadeInDown) {
-  0% {
-    @include translateY(-20px);
-    opacity: 0; }
-  100% {
-    @include translateY(0);
-    opacity: 1; } }
-
-
-// ---------------------------------------------------------------------------
-@include keyframes(fadeInRight) {
-  0% {
-    @include translateX(20px);
-    opacity: 0; }
-  100% {
-    @include translateX(0);
-    opacity: 1; } }
-
-
-// ---------------------------------------------------------------------------
-@include keyframes(fadeInLeft) {
-  0% {
-    @include translateX(-20px);
-    opacity: 0; }
-  100% {
-    @include translateX(0);
-    opacity: 1; } }
-
-
-// ---------------------------------------------------------------------------
-@include keyframes(fadeInUpBig) {
-  0% {
-    @include translateY(2000px);
-    opacity: 0; }
-  100% {
-    @include translateY(0);
-    opacity: 1; } }
-
-
-// ---------------------------------------------------------------------------
-@include keyframes(fadeInDownBig) {
-  0% {
-    opacity: 0;
-    @include translateY(-2000px); }
-  100% {
-    opacity: 1;
-    @include translateY(0); } }
-
-
-// ---------------------------------------------------------------------------
-@include keyframes(fadeInRightBig) {
-  0% {
-    opacity: 0;
-    @include translateX(2000px); }
-  100% {
-    opacity: 1;
-    @include translateX(0); } }
-
-
-// ---------------------------------------------------------------------------
-@include keyframes(fadeInLeftBig) {
-  0% {
-    opacity: 0;
-    @include translateX(-2000px); }
-  100% {
-    opacity: 1;
-    @include translateX(0); } }
+// ---------------------------------------------------------------------------
+@include keyframes(fadeIn) {
+  0% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(fadeInUp) {
+  0% {
+    @include translateY(20px);
+    opacity: 0; }
+  100% {
+    @include translateY(0);
+    opacity: 1; } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(fadeInDown) {
+  0% {
+    @include translateY(-20px);
+    opacity: 0; }
+  100% {
+    @include translateY(0);
+    opacity: 1; } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(fadeInRight) {
+  0% {
+    @include translateX(20px);
+    opacity: 0; }
+  100% {
+    @include translateX(0);
+    opacity: 1; } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(fadeInLeft) {
+  0% {
+    @include translateX(-20px);
+    opacity: 0; }
+  100% {
+    @include translateX(0);
+    opacity: 1; } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(fadeInUpBig) {
+  0% {
+    @include translateY(2000px);
+    opacity: 0; }
+  100% {
+    @include translateY(0);
+    opacity: 1; } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(fadeInDownBig) {
+  0% {
+    opacity: 0;
+    @include translateY(-2000px); }
+  100% {
+    opacity: 1;
+    @include translateY(0); } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(fadeInRightBig) {
+  0% {
+    opacity: 0;
+    @include translateX(2000px); }
+  100% {
+    opacity: 1;
+    @include translateX(0); } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(fadeInLeftBig) {
+  0% {
+    opacity: 0;
+    @include translateX(-2000px); }
+  100% {
+    opacity: 1;
+    @include translateX(0); } }

package/styles/vendor/animation/animate/fading/_fading-exits.scss

@@ -1,86 +1,86 @@
-// ---------------------------------------------------------------------------
-@include keyframes(fadeOut) {
-  0% {
-    opacity: 1; }
-  100% {
-    opacity: 0; } }
-
-
-// ---------------------------------------------------------------------------
-@include keyframes(fadeOutUp) {
-  0% {
-    @include translateY(0);
-    opacity: 1; }
-  100% {
-    @include translateY(-20px);
-    opacity: 0; } }
-
-
-// ---------------------------------------------------------------------------
-@include keyframes(fadeOutDown) {
-  0% {
-    @include translateY(0);
-    opacity: 1; }
-  100% {
-    @include translateY(20px);
-    opacity: 0; } }
-
-
-// ---------------------------------------------------------------------------
-@include keyframes(fadeOutRight) {
-  0% {
-    @include translateX(0);
-    opacity: 1; }
-  100% {
-    @include translateX(20px);
-    opacity: 0; } }
-
-
-// ---------------------------------------------------------------------------
-@include keyframes(fadeOutLeft) {
-  0% {
-    @include translateX(0);
-    opacity: 1; }
-  100% {
-    @include translateX(-20px);
-    opacity: 0; } }
-
-
-// ---------------------------------------------------------------------------
-@include keyframes(fadeOutUpBig) {
-  0% {
-    @include translateY(0);
-    opacity: 1; }
-  100% {
-    @include translateY(-2000px);
-    opacity: 0; } }
-
-
-// ---------------------------------------------------------------------------
-@include keyframes(fadeOutDownBig) {
-  0% {
-    opacity: 1;
-    @include translateY(0); }
-  100% {
-    opacity: 0;
-    @include translateY(2000px); } }
-
-
-// ---------------------------------------------------------------------------
-@include keyframes(fadeOutRightBig) {
-  0% {
-    opacity: 1;
-    @include translateX(0); }
-  100% {
-    opacity: 0;
-    @include translateX(2000px); } }
-
-
-// ---------------------------------------------------------------------------
-@include keyframes(fadeOutLeftBig) {
-  0% {
-    opacity: 1;
-    @include translateX(0); }
-  100% {
-    opacity: 0;
-    @include translateX(-2000px); } }
+// ---------------------------------------------------------------------------
+@include keyframes(fadeOut) {
+  0% {
+    opacity: 1; }
+  100% {
+    opacity: 0; } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(fadeOutUp) {
+  0% {
+    @include translateY(0);
+    opacity: 1; }
+  100% {
+    @include translateY(-20px);
+    opacity: 0; } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(fadeOutDown) {
+  0% {
+    @include translateY(0);
+    opacity: 1; }
+  100% {
+    @include translateY(20px);
+    opacity: 0; } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(fadeOutRight) {
+  0% {
+    @include translateX(0);
+    opacity: 1; }
+  100% {
+    @include translateX(20px);
+    opacity: 0; } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(fadeOutLeft) {
+  0% {
+    @include translateX(0);
+    opacity: 1; }
+  100% {
+    @include translateX(-20px);
+    opacity: 0; } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(fadeOutUpBig) {
+  0% {
+    @include translateY(0);
+    opacity: 1; }
+  100% {
+    @include translateY(-2000px);
+    opacity: 0; } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(fadeOutDownBig) {
+  0% {
+    opacity: 1;
+    @include translateY(0); }
+  100% {
+    opacity: 0;
+    @include translateY(2000px); } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(fadeOutRightBig) {
+  0% {
+    opacity: 1;
+    @include translateX(0); }
+  100% {
+    opacity: 0;
+    @include translateX(2000px); } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(fadeOutLeftBig) {
+  0% {
+    opacity: 1;
+    @include translateX(0); }
+  100% {
+    opacity: 0;
+    @include translateX(-2000px); } }