western-world 3.0.707 → 3.0.708

package/src/scss/cells/justice.scss

@@ -1,5 +0,0 @@
-.animated {
-  .justice {
-
-  }
-}

package/src/scss/cells/labor_cost_index_down_19.scss

@@ -1,157 +0,0 @@
-.animated {
-  .labor_cost_index_down_19 {
-    #leg {
-      animation-name: legAnimation;
-      animation-duration: 5s;
-      animation-timing-function: linear;
-      animation-iteration-count: infinite;
-      transform-origin: 7160px 4233px;
-    }
-
-    #person {
-      animation-name: personAnimation;
-      animation-duration: 5s;
-      animation-timing-function: linear;
-      animation-iteration-count: infinite;
-      transform-origin: 2705px 4547px;
-    }
-
-    #person_shadow {
-      animation-name: personShadowAnimation;
-      animation-duration: 5s;
-      animation-timing-function: linear;
-      animation-iteration-count: infinite;
-      transform-origin: 2890px 6672px;
-    }
-
-    #right_arm {
-      animation-name: personArmAnimation;
-      transform-origin: 2430px 4551px;
-    }
-    #left_arm {
-      animation-name: personArmAnimation;
-      animation-delay: -1s;
-      transform-origin: 2785px 4329px;
-    }
-    #right_leg {
-      animation-name: personLegAnimation;
-      animation-delay: -0.5s;
-      transform-origin: 2721px 4841px;
-    }
-    #left_leg {
-      animation-name: personLegAnimation;
-      animation-delay: -1.5s;
-      transform-origin: 3028px 4739px;
-    }
-
-    #right_arm,
-    #left_arm,
-    #right_leg,
-    #left_leg {
-      animation-duration: 1s;
-      animation-timing-function: ease-in-out;
-      animation-iteration-count: infinite;
-      animation-direction: alternate;
-    }
-
-    #fire {
-      animation-name: fireAnimation;
-      animation-duration: 5s;
-      animation-timing-function: linear;
-      animation-iteration-count: infinite;
-      transform-origin: 5464px 4616px;
-    }
-  }
-}
-
-@keyframes legAnimation {
-  0% {
-    rotate: -60deg;
-    translate: 6000px 0px;
-  }
-  10% {
-    rotate: -20deg;
-    translate: 2000px 0px;
-  }
-  20% {
-    rotate: -10deg;
-    translate: 500px 0px;
-  }
-  50% {
-    rotate: 3deg;
-    translate: 0px 0px;
-  }
-  60% {
-    translate: 5000px 3000px;
-  }
-  100% {
-    translate: 5000px 3000px;
-  }
-}
-
-@keyframes personAnimation {
-  0% {
-    rotate: 0deg;
-    translate: 5000px 2000px;
-  }
-  10% {
-    rotate: -50deg;
-    translate: 0px 0px;
-  }
-  100% {
-    rotate: -360deg;
-    translate: -5000px 0px;
-  }
-}
-
-@keyframes fireAnimation {
-  0% {
-    scale: 0;
-  }
-  10% {
-    scale: 0;
-  }
-  20% {
-    scale: 1;
-  }
-  60% {
-    scale: 1;
-    translate: -1000px 0px;
-  }
-  65% {
-    translate: -10000px 500px;
-  }
-  100% {
-    translate: -10000px 500px;
-  }
-}
-
-@keyframes personShadowAnimation {
-  0% {
-    scale: 1.2;
-    translate: 5000px 0px;
-  }
-  10% {
-    scale: 1;
-    translate: 0px 0px;
-  }
-  100% {
-    scale: 1;
-    translate: -5000px 0px;
-  }
-}
-
-@keyframes personLegAnimation {
-  0% {
-    rotate: -10deg;
-  }
-  100% {
-    rotate: 15deg;
-  }
-}
-
-@keyframes personArmAnimation {
-  100% {
-    rotate: 40deg;
-  }
-}

package/src/scss/cells/labor_cost_index_up_32.scss

@@ -1,57 +0,0 @@
-.animated {
-  .labor_cost_index_up_32 {
-    #stick_2_ {
-      animation-name: stick_animation;
-      animation-duration: 2s;
-      animation-timing-function: ease-in-out;
-      animation-iteration-count: infinite;
-      animation-direction: alternate;
-      transform-origin: 4877px 5984px;
-    }
-
-    #hand_2 {
-      animation-name: hand_2_animation;
-      animation-duration: 2s;
-      animation-timing-function: ease-in-out;
-      animation-iteration-count: infinite;
-      animation-direction: alternate;
-      transform-origin: 5378px 4402px;
-    }
-
-    #hand_2 #upper_arm {
-      animation-name: hand_2_upper_arm_animation;
-      animation-duration: 2s;
-      animation-timing-function: ease-in-out;
-      animation-iteration-count: infinite;
-      animation-direction: alternate;
-      transform-origin: 5127px 4509px;
-    }
-  }
-}
-
-@keyframes stick_animation {
-  0% {
-    rotate: 0deg;
-  }
-  100% {
-    rotate: -5deg;
-  }
-}
-
-@keyframes hand_2_animation {
-  0% {
-    rotate: 0deg;
-  }
-  100% {
-    rotate: -25deg;
-  }
-}
-
-@keyframes hand_2_upper_arm_animation {
-  0% {
-    rotate: 0deg;
-  }
-  100% {
-    rotate: 60deg;
-  }
-}

package/src/scss/cells/loan.scss

@@ -1,22 +0,0 @@
-@import './mixins/nth-child-variable';
-@import './mixins/letter-scale-animation';
-
-.animated {
-  .loan {
-    #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.05s);
-
-        @include nth_child_variable(21);
-      }
-    }
-  }
-}
-
-@include letterScaleAnimation;

package/src/scss/cells/lottery.scss

@@ -1,305 +0,0 @@
-@import './mixins/nth-child-variable';
-
-.animated {
-  .lottery {
-    #spinnable {
-      transform-origin: 5756px 3549px;
-      animation-name: reels_animation;
-      animation-duration: 5s;
-      animation-timing-function: linear;
-      animation-iteration-count: infinite;
-    }
-
-    #person_1 {
-      #hand_2 {
-        animation-name: person_1_hand_2_animation;
-        animation-duration: 0.7s;
-        animation-timing-function: linear;
-        animation-iteration-count: infinite;
-        animation-direction: alternate;
-        transform-origin: 3594px 3959px;
-      }
-
-      #wrist_3_ {
-        animation-name: person_1_hand_2_wrist_animation;
-        animation-duration: 0.7s;
-        animation-timing-function: linear;
-        animation-iteration-count: infinite;
-        animation-direction: alternate;
-        transform-origin: 3963px 3608px;
-      }
-
-      #hand_1 {
-        animation-name: person_1_hand_1_animation;
-        animation-duration: 0.7s;
-        animation-timing-function: linear;
-        animation-iteration-count: infinite;
-        animation-direction: alternate;
-        transform-origin: 3287px 4133px;
-      }
-    }
-
-    #person_2 {
-      #hand_2_1_ {
-        animation-name: person_2_hand_2_animation;
-        animation-duration: 3s;
-        animation-timing-function: linear;
-        animation-iteration-count: infinite;
-        animation-direction: alternate;
-        transform-origin: 2386px 3891px;
-      }
-
-      #microfone {
-        animation-name: person_2_microfone_animation;
-        animation-duration: 3s;
-        animation-timing-function: linear;
-        animation-iteration-count: infinite;
-        animation-direction: alternate;
-      }
-
-      #hand_1_1_ {
-        animation-name: person_2_hand_1_animation;
-        animation-duration: 5s;
-        animation-timing-function: linear;
-        animation-iteration-count: infinite;
-        animation-direction: alternate;
-        transform-origin: 1762px 3972px;
-      }
-    }
-
-    #sign #lights path {
-      animation-name: sigh_light_animation;
-      animation-duration: 0.5s;
-      animation-timing-function: ease-in-out;
-      animation-iteration-count: infinite;
-      animation-delay: calc(var(--nth-child) * 0.1s);
-
-      @include nth_child_variable(25);
-    }
-  }
-
-  &.cocaCola_up,
-  &.cocaCola_down,
-  &.car_up,
-  &.car_down,
-  &.oil_up,
-  &.oil_down,
-  &.gold_up,
-  &.gold_down,
-  &.remove_money,
-  &.winner,
-  &.player_lock,
-  &.add_money,
-  &.gold,
-  &.lost,
-  &.triple_step {
-    .lottery {
-      #person_1 {
-        #hand_2 {
-          animation-name: none;
-          rotate: 130deg;
-        }
-
-        #wrist_3_ {
-          animation-name: none;
-        }
-
-        #hand_1 {
-          animation-name: none;
-          rotate: 40deg;
-        }
-      }
-
-      #spinnable {
-        animation-duration: 3s;
-        animation-timing-function: ease-out;
-        animation-iteration-count: 1;
-        animation-fill-mode: forwards;
-      }
-    }
-  }
-
-  &.cocaCola_up,
-  &.cocaCola_down,
-  &.car_up,
-  &.car_down,
-  &.oil_up,
-  &.oil_down,
-  &.gold_up,
-  &.gold_down {
-    .lottery {
-      #spinnable {
-        animation-name: reels_sector_1_animation;
-      }
-    }
-  }
-
-  &.remove_money .lottery #spinnable {
-    animation-name: reels_sector_2_animation;
-  }
-
-  &.winner .lottery #spinnable {
-    animation-name: reels_sector_3_animation;
-  }
-
-  &.player_lock .lottery #spinnable {
-    animation-name: reels_sector_4_animation;
-  }
-
-  &.add_money .lottery #spinnable {
-    animation-name: reels_sector_5_animation;
-  }
-
-  &.gold .lottery #spinnable {
-    animation-name: reels_sector_6_animation;
-  }
-
-  &.lost .lottery #spinnable {
-    animation-name: reels_sector_7_animation;
-  }
-
-  &.triple_step .lottery #spinnable {
-    animation-name: reels_sector_8_animation;
-  }
-}
-
-@keyframes reels_animation {
-  0% {
-    rotate: 0;
-  }
-  100% {
-    rotate: -360deg;
-  }
-}
-
-@keyframes person_1_hand_2_animation {
-  0% {
-    rotate: 0;
-  }
-  100% {
-    rotate: 90deg;
-  }
-}
-
-@keyframes person_1_hand_2_wrist_animation {
-  0% {
-    rotate: 0;
-  }
-  50% {
-    rotate: -65deg;
-  }
-  75% {
-    rotate: -85deg;
-  }
-  100% {
-    rotate: -100deg;
-  }
-}
-
-@keyframes person_1_hand_1_animation {
-  0% {
-    rotate: 0;
-  }
-  100% {
-    rotate: 20deg;
-  }
-}
-
-@keyframes person_2_hand_2_animation {
-  0% {
-    rotate: 0deg;
-  }
-  40% {
-    rotate: 0deg;
-  }
-  60% {
-    rotate: -20deg;
-  }
-  100% {
-    rotate: -20deg;
-  }
-}
-
-@keyframes person_2_microfone_animation {
-  0% {
-    translate: 0 0;
-  }
-  40% {
-    translate: 0 0;
-  }
-  60% {
-    translate: 150px -100px;
-  }
-  100% {
-    translate: 150px -100px;
-  }
-}
-
-@keyframes person_2_hand_1_animation {
-  0% {
-    rotate: 0deg;
-  }
-  20% {
-    rotate: 0deg;
-  }
-  80% {
-    rotate: -10deg;
-  }
-  100% {
-    rotate: -10deg;
-  }
-}
-
-@keyframes sigh_light_animation {
-  100% {
-    fill: red;
-  }
-}
-
-@keyframes reels_sector_1_animation {
-  100% {
-    rotate: -360deg;
-  }
-}
-
-@keyframes reels_sector_2_animation {
-  100% {
-    rotate: -410deg;
-  }
-}
-
-@keyframes reels_sector_3_animation {
-  100% {
-    rotate: -450deg;
-  }
-}
-
-@keyframes reels_sector_4_animation {
-  100% {
-    rotate: -490deg;
-  }
-}
-
-@keyframes reels_sector_5_animation {
-  100% {
-    rotate: -550deg;
-  }
-}
-
-@keyframes reels_sector_6_animation {
-  100% {
-    rotate: -240deg;
-  }
-}
-
-@keyframes reels_sector_7_animation {
-  100% {
-    rotate: -280deg;
-  }
-}
-
-@keyframes reels_sector_8_animation {
-  100% {
-    rotate: -320deg;
-  }
-}

package/src/scss/cells/mixins/black-background.scss

@@ -1,24 +0,0 @@
-@mixin blackBackgroundMixin {
-  .black-background {
-    fill: black;
-    opacity: 0;
-    animation-name: black_background_animation;
-    animation-delay: var(--animation-delay, 0s);
-    animation-duration: var(--animation-duration, 1.5s);
-    animation-timing-function: linear;
-    animation-direction: alternate;
-    animation-iteration-count: 2;
-  }
-
-  @keyframes black_background_animation {
-    0% {
-      opacity: 0;
-    }
-    15% {
-      opacity: 0.5;
-    }
-    100% {
-      opacity: 0.5;
-    }
-  }
-}

package/src/scss/cells/mixins/build-appearing.scss

@@ -1,19 +0,0 @@
-@mixin buildApppearingMixin {
-  animation-name: buildApppearingAnimation;
-  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;
-  transform: scale(0);
-}
-
-@mixin buildApppearingAnimationMixin {
-  @keyframes buildApppearingAnimation {
-    0% {
-      transform: scale(0);
-    }
-    100% {
-      transform: scale(1);
-    }
-  }
-}

package/src/scss/cells/mixins/commodityexchange.scss

@@ -1,76 +0,0 @@
-@mixin commodityexchange {
-  polygon {
-    animation-duration: 1s;
-    animation-iteration-count: 1;
-    animation-delay: 2s;
-    animation-timing-function: cubic-bezier(0.84, 1.84, 0.59, 0.72);
-    animation-fill-mode: forwards;
-  }
-
-  polygon:nth-child(1) {
-    animation-name: commodityexchangeAnimation1;
-    translate: -1450px 8520px;
-  }
-
-  polygon:nth-child(2) {
-    animation-name: commodityexchangeAnimation2;
-    translate: 1240px -7970px;
-  }
-
-  polygon:nth-child(3) {
-    animation-name: commodityexchangeAnimation3;
-    translate: 1240px -7780px;
-  }
-
-  #container {
-    animation-name: rotateAnimation;
-    animation-duration: 2s;
-    animation-iteration-count: 1;
-    animation-delay: 2s;
-    animation-timing-function: cubic-bezier(0.84, 1.84, 0.59, 0.72);
-    transform-origin: center;
-    rotate: 180deg;
-    animation-fill-mode: forwards;
-  }
-}
-
-@mixin commodityexchangeAnimations {
-  @keyframes commodityexchangeAnimation1 {
-    0% {
-      translate: 1450px 8520px;
-    }
-    100% {
-      translate: 0 0;
-    }
-  }
-
-  @keyframes commodityexchangeAnimation2 {
-    0% {
-      translate: 1240px -7780px;
-    }
-    100% {
-      translate: 0 0;
-    }
-  }
-
-  @keyframes commodityexchangeAnimation3 {
-    0% {
-      translate: -5720px 0px;
-    }
-    100% {
-      translate: 0 0;
-    }
-  }
-
-  @keyframes rotateAnimation {
-    0% {
-      rotate: 180deg;
-    }
-    50% {
-      rotate: 90deg;
-    }
-    100% {
-      rotate: 0deg;
-    }
-  }
-}

package/src/scss/cells/mixins/curved-path.scss

@@ -1,34 +0,0 @@
-@use "sass:math";
-
-@mixin curvedPath($path_array, $n, $animationName) {
-  $switcher: true;
-  @keyframes #{$animationName + xAxis} {
-    @for $i from 0 to $n {
-      #{(math.div(100, ($n - 1)) * $i) + '%'} {
-        @if ($switcher) {
-          $switcher: false;
-          animation-timing-function: ease-in;
-        } @else {
-          $switcher: true;
-          animation-timing-function: ease-out;
-        }
-        transform: translateX(#{nth(nth($path_array, ($i + 1)), 1)});
-      }
-    }
-  }
-  $switcher: true;
-  @keyframes #{$animationName + yAxis} {
-    @for $i from 0 to $n {
-      #{(math.div(100, ($n - 1)) * $i) + '%'} {
-        @if ($switcher) {
-          $switcher: false;
-          animation-timing-function: ease-out;
-        } @else {
-          $switcher: true;
-          animation-timing-function: ease-in;
-        }
-        transform: translateY(#{nth(nth($path_array, ($i + 1)), 2)});
-      }
-    }
-  }
-}