western-world 3.0.706 → 3.0.708

package/src/scss/cells/mixins/earthquake.scss

@@ -1,116 +0,0 @@
-$animation-main-delay: 0.5s;
-$animation-b1-duration: 0.2s;
-$animation-b2-duration: 0.2s;
-$earthquake-duration: 0.2s;
-
-$time-between-animations-b1-b2: 0.1s;
-
-@mixin bankB1Mixin {
-  opacity: 0;
-  transform: scale(6);
-  transform-origin: 4750px 2300px;
-
-  animation-name: bank_b1;
-  animation-duration: $animation-b1-duration;
-  animation-delay: $animation-main-delay;
-  animation-timing-function: linear;
-  animation-iteration-count: 1;
-  animation-fill-mode: forwards;
-}
-
-@mixin bankB2Mixin {
-  opacity: 0;
-  transform: scale(6);
-  transform-origin: 4750px 2300px;
-
-  animation-name: bank_b2;
-  animation-duration: $animation-b2-duration;
-  animation-delay: $animation-main-delay + $animation-b1-duration + $time-between-animations-b1-b2 +
-    $earthquake-duration;
-  animation-timing-function: linear;
-  animation-iteration-count: 1;
-  animation-fill-mode: forwards;
-}
-
-@mixin mainEarthquake1Mixin {
-  transform-origin: 4750px 2300px;
-  animation-name: main_earthquake;
-  animation-duration: $earthquake-duration;
-  animation-delay: $animation-main-delay + $animation-b1-duration;
-  animation-timing-function: linear;
-  animation-iteration-count: 1;
-}
-
-@mixin mainEarthquake2Mixin {
-  transform-origin: 4750px 2300px;
-  animation-name: main_earthquake;
-  animation-duration: $earthquake-duration;
-  animation-delay: $animation-main-delay + $animation-b1-duration + $time-between-animations-b1-b2 +
-    $earthquake-duration + $animation-b2-duration;
-  animation-timing-function: linear;
-  animation-iteration-count: 1;
-}
-
-@mixin bankB1AnimationMixin {
-  @keyframes bank_b1 {
-    0% {
-      transform: scale(6);
-      opacity: 0;
-    }
-    10% {
-      transform: scale(5);
-      opacity: 1;
-    }
-    100% {
-      transform: scale(1);
-      opacity: 1;
-    }
-  }
-}
-
-@mixin bankB2AnimationMixin {
-  @keyframes bank_b2 {
-    0% {
-      transform: scale(6);
-      opacity: 0;
-    }
-    10% {
-      transform: scale(5);
-      opacity: 1;
-    }
-    100% {
-      transform: scale(1);
-      opacity: 1;
-    }
-  }
-}
-
-@mixin mainEarthquakeAnimationMixin {
-  // 40 + 25 + 15 + 10 + 6 + 3 + 1 = 100;
-  @keyframes main_earthquake {
-    0% {
-      transform: scale(1);
-    }
-    40% {
-      transform: scale(1.1);
-    }
-    65% {
-      transform: scale(0.95);
-    }
-    80% {
-      transform: scale(1.05);
-    }
-    90% {
-      transform: scale(0.98);
-    }
-    96% {
-      transform: scale(1.02);
-    }
-    99% {
-      transform: scale(0.99);
-    }
-    100% {
-      transform: scale(1);
-    }
-  }
-}

package/src/scss/cells/mixins/grass.scss

@@ -1,24 +0,0 @@
-@import './black-background';
-
-$animation-army-background-delay: 3s;
-$army-appearing-delay-after-background: 0.5s;
-$army-appearing-duration: 3s;
-
-@mixin grassMixin {
-  .grass {
-    animation-name: grass_skew_animation;
-    animation-duration: 3s;
-    animation-iteration-count: infinite;
-    animation-direction: alternate;
-    transform-origin: bottom;
-  }
-
-  @keyframes grass_skew_animation {
-    0% {
-      transform: skewX(13deg);
-    }
-    100% {
-      transform: skewX(-13deg);
-    }
-  }
-}

package/src/scss/cells/mixins/hand_with_coin.scss

@@ -1,80 +0,0 @@
-@import './black-background';
-
-$duration: 0.5s;
-$coin-animation-duration: 1s;
-
-@mixin handWithCoinMixin {
-  #hand_with_coin {
-    animation-name: hand_with_coin_animation;
-    animation-delay: var(--animation-delay, 0s);
-    animation-duration: 0.5s;
-    animation-timing-function: cubic-bezier(0.84, 1.84, 0.59, 0.72);
-    animation-iteration-count: 1;
-    animation-fill-mode: forwards;
-    rotate: -70deg;
-    transform-origin: -1144px 1601px;
-  }
-
-  #hand_with_coin_coin {
-    animation-name: coin_animation;
-    animation-delay: calc(var(--animation-delay, 0s) + 1s);
-    animation-duration: 1s;
-    animation-timing-function: ease-in-out;
-    animation-iteration-count: 1;
-    animation-fill-mode: forwards;
-  }
-
-  #hand_with_coin_finger_1_1_ {
-    animation-name: finger_1_animation;
-    animation-delay: calc(var(--animation-delay, 0s) + 0.8s);
-    animation-duration: 1s;
-    animation-iteration-count: 1;
-    animation-fill-mode: forwards;
-    transform-origin: 4214px 2931px;
-  }
-
-  #hand_with_coin_finger_2_1_ {
-    animation-name: finger_2_animation;
-    animation-delay: calc(var(--animation-delay, 0s) + 0.8s);
-    animation-duration: 1s;
-    animation-iteration-count: 1;
-    animation-fill-mode: forwards;
-    transform-origin: 3938px 3016px;
-  }
-
-  @keyframes hand_with_coin_animation {
-    0% {
-      rotate: -70deg;
-    }
-    100% {
-      rotate: 0deg;
-    }
-  }
-
-  @keyframes coin_animation {
-    0% {
-      translate: 0 0;
-    }
-    100% {
-      translate: 0 2000px;
-    }
-  }
-
-  @keyframes finger_1_animation {
-    0% {
-      rotate: 0;
-    }
-    100% {
-      rotate: -10deg;
-    }
-  }
-
-  @keyframes finger_2_animation {
-    0% {
-      rotate: 0;
-    }
-    100% {
-      rotate: 10deg;
-    }
-  }
-}

package/src/scss/cells/mixins/letter-scale-animation.scss

@@ -1,16 +0,0 @@
-@mixin letterScaleAnimation {
-  @keyframes letterScaleAnimation {
-    0% {
-      transform: scale(1);
-    }
-    2% {
-      transform: scale(1.05);
-    }
-    4% {
-      transform: scale(1);
-    }
-    100% {
-      transform: scale(1);
-    }
-  }
-}

package/src/scss/cells/mixins/light-blinking.scss

@@ -1,48 +0,0 @@
-@mixin lightBlinkingAnimationStylesMixin {
-  animation-duration: 3s;
-  animation-iteration-count: infinite;
-  animation-name: lightAnimation;
-  animation-timing-function: linear;
-
-  @keyframes lightAnimation {
-    0% {
-      opacity: 0;
-    }
-    8% {
-      opacity: 0;
-    }
-    10% {
-      opacity: 1;
-    }
-    12% {
-      opacity: 0;
-    }
-    14% {
-      opacity: 1;
-    }
-    16% {
-      opacity: 0;
-    }
-    18% {
-      opacity: 1;
-    }
-    30% {
-      opacity: 1;
-    }
-    32% {
-      opacity: 0;
-    }
-    34% {
-      opacity: 1;
-    }
-    36% {
-      opacity: 1;
-    }
-    37% {
-      opacity: 0;
-    }
-    100% {
-      opacity: 0;
-    }
-  }
-}

package/src/scss/cells/mixins/nth-child-variable.scss

@@ -1,7 +0,0 @@
-@mixin nth_child_variable($n) {
-  @for $i from 1 to $n {
-    &:nth-child(#{$i}) {
-      --nth-child: #{$i};
-    }
-  }
-}

package/src/scss/cells/mixins/run.scss

@@ -1,95 +0,0 @@
-@use "sass:math";
-
-@mixin runMixin($animation-duration) {
-  #jumping_person {
-    animation-name: jumping_person_animation;
-    animation-duration: math.div($animation-duration, 2);
-    animation-timing-function: ease-in-out;
-    animation-iteration-count: infinite;
-  }
-
-  #jumping_person_shadow {
-    animation-name: jumping_person_shadow_animation;
-    animation-duration: math.div($animation-duration, 2);
-    animation-timing-function: ease-in-out;
-    animation-iteration-count: infinite;
-  }
-
-  #leg_1,
-  #leg_2 {
-    animation-name: leg_1_animation;
-    animation-duration: $animation-duration;
-    animation-timing-function: ease-in-out;
-    animation-iteration-count: infinite;
-  }
-
-  #leg_1_1,
-  #leg_2_1 {
-    animation-name: leg_1_1_animation;
-    animation-duration: $animation-duration;
-    animation-timing-function: ease-in-out;
-    animation-iteration-count: infinite;
-  }
-
-  #leg_2,
-  #leg_2_1 {
-    animation-delay: math.div(-$animation-duration, 2);
-  }
-
-  @keyframes jumping_person_animation {
-    0% {
-      translate: 0px;
-    }
-    70% {
-      translate: 0 -200px;
-    }
-    100% {
-      translate: 0px;
-    }
-  }
-
-  @keyframes jumping_person_shadow_animation {
-    0% {
-      scale: 1;
-    }
-    70% {
-      scale: 0.9;
-    }
-    100% {
-      scale: 1;
-    }
-  }
-
-  @keyframes leg_1_animation {
-    0% {
-      rotate: -90deg;
-    }
-    60% {
-      rotate: 45deg;
-    }
-    80% {
-      rotate: -70deg;
-    }
-    100% {
-      rotate: -90deg;
-    }
-  }
-
-  @keyframes leg_1_1_animation {
-    0% {
-      rotate: 30deg;
-    }
-    50% {
-      rotate: 45deg;
-    }
-    60% {
-      rotate: 80deg;
-    }
-    75% {
-      rotate: 110deg;
-    }
-    100% {
-      rotate: 30deg;
-    }
-  }
-}

package/src/scss/cells/mixins/street_clouds.scss

@@ -1,48 +0,0 @@
-@mixin clouds_animation {
-  #clouds_layer_1,
-  #clouds_layer_2,
-  #clouds_layer_3,
-  #clouds_layer_4 {
-    animation-timing-function: linear;
-    animation-iteration-count: infinite;
-  }
-  #clouds_layer_1 {
-    animation-name: moving_clouds_1;
-    animation-duration: 120s;
-    transform: translateX(0px);
-  }
-  #clouds_layer_2 {
-    animation-name: moving_clouds_2;
-    animation-duration: 120s;
-    transform: translateX(8000px);
-  }
-
-  #clouds_layer_3 {
-    animation-name: moving_clouds_1;
-    animation-duration: 60s;
-    transform: translateX(0px);
-  }
-  #clouds_layer_4 {
-    animation-name: moving_clouds_2;
-    animation-duration: 60s;
-    transform: translateX(8000px);
-  }
-
-  @keyframes moving_clouds_1 {
-    0% {
-      transform: translateX(0px);
-    }
-    100% {
-      transform: translateX(-8000px);
-    }
-  }
-
-  @keyframes moving_clouds_2 {
-    0% {
-      transform: translateX(8000px);
-    }
-    100% {
-      transform: translateX(0px);
-    }
-  }
-}

package/src/scss/cells/mmm.scss

@@ -1,51 +0,0 @@
-.animated {
-  .mmm {
-    #movable-neck {
-      animation-name: neck_animation;
-      animation-duration: 0.5s;
-      animation-timing-function: ease-in-out;
-      animation-direction: alternate;
-      animation-iteration-count: infinite;
-    }
-
-    #hand_with_barrel,
-    #additional-mask {
-      animation-name: hand_with_barrel_animation;
-      animation-duration: 3s;
-      animation-timing-function: ease-in-out;
-      animation-direction: alternate;
-      animation-iteration-count: infinite;
-      transform-origin: 5635px 3640px;
-    }
-
-    #hand_1 {
-      animation-name: hand_1_animation;
-      animation-duration: 3s;
-      animation-timing-function: ease-in-out;
-      animation-direction: alternate;
-      animation-iteration-count: infinite;
-      transform-origin: 5074px 3941px;
-    }
-  }
-}
-
-@keyframes neck_animation {
-  0% {
-    translate: 0px -30px;
-  }
-  100% {
-    translate: 0px 50px;
-  }
-}
-
-@keyframes hand_with_barrel_animation {
-  100% {
-    rotate: 5deg;
-  }
-}
-
-@keyframes hand_1_animation {
-  100% {
-    rotate: 5deg;
-  }
-}

package/src/scss/cells/multiple_money.scss

@@ -1,26 +0,0 @@
-.animated {
-  .multiple_money {
-    #hand {
-      animation-name: hand_animation;
-      animation-duration: 3s;
-      animation-timing-function: linear;
-      animation-iteration-count: infinite;
-    }
-  }
-}
-
-@keyframes hand_animation {
-  0% {
-    transform: translate(0px, 0px);
-  }
-  20% {
-    transform: translate(-100px, 0px);
-  }
-  60% {
-    transform: translate(200px, 0px);
-  }
-  100% {
-    transform: translate(0px, 0px);
-  }
-}
-

package/src/scss/cells/mutiny_on_the_ship.scss

@@ -1,64 +0,0 @@
-@import './mixins/nth-child-variable';
-@import './mixins/letter-scale-animation';
-
-.animated {
-  .mutiny_on_the_ship {
-    #title {
-      polygon,
-      path {
-        animation-name: letterScaleAnimation;
-        animation-duration: 5s;
-        animation-timing-function: linear;
-        animation-iteration-count: infinite;
-        transform-origin: center center;
-        animation-delay: calc(var(--nth-child) * 0.1s);
-
-        @include nth_child_variable(16);
-      }
-    }
-
-    #person {
-      animation-name: person_animation;
-      animation-duration: 5s;
-      animation-timing-function: ease-in-out;
-      animation-iteration-count: infinite;
-      transform-origin: center center;
-    }
-  }
-}
-
-@keyframes person_animation {
-  0% {
-    rotate: 0deg;
-  }
-  1% {
-    rotate: -1deg;
-  }
-  2% {
-    rotate: 1deg;
-  }
-  3% {
-    rotate: -1deg;
-  }
-  4% {
-    rotate: 1deg;
-  }
-  5% {
-    rotate: -1deg;
-  }
-  6% {
-    rotate: 1deg;
-  }
-  7% {
-    rotate: -1deg;
-  }
-  8% {
-    rotate: 0deg;
-  }
-  100% {
-    rotate: 0deg;
-  }
-}
-
-@include letterScaleAnimation;
-

package/src/scss/cells/night_robbery.scss

@@ -1,52 +0,0 @@
-.animated {
-  .night_robbery {
-    #hand_1,
-    #hand_2 {
-      animation-name: hand_animation;
-      animation-duration: 0.05s;
-      animation-timing-function: ease-in-out;
-      animation-iteration-count: infinite;
-      animation-direction: alternate;
-    }
-
-    #hand_1 {
-      transform-origin: 4000px 3600px;
-    }
-
-    #hand_2 {
-      transform-origin: 5500px 3600px;
-    }
-
-    #pupil_1,
-    #pupil_2 {
-      animation-name: pupil_animation;
-      animation-duration: 3s;
-      animation-timing-function: ease-in-out;
-      animation-iteration-count: infinite;
-    }
-  }
-}
-
-@keyframes hand_animation {
-  100% {
-    rotate: 3deg;
-  }
-}
-
-@keyframes pupil_animation {
-  0% {
-    translate: 0 0px;
-  }
-  78% {
-    translate: 0 0px;
-  }
-  80% {
-    translate: -50px 40px;
-  }
-  98% {
-    translate: -50px 40px;
-  }
-  100% {
-    translate: 0 0px;
-  }
-}