western-world 3.0.236 → 3.0.239

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "western-world",
-  "version": "3.0.236",
+  "version": "3.0.239",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

package/src/scss/cells/accident.scss

@@ -1,34 +1,21 @@
 .animated {
   #stars {
     transform: scaleY(0.3);
-    transform-origin: center;
+    transform-origin: 4455px 5545px;
+    display: block;
   }
   #star1,
   #star2 {
-    display: block;
     animation-name: move_star_around;
     animation-duration: 1s;
     animation-timing-function: linear;
     animation-iteration-count: infinite;
-    transform-origin: center;
   }
   #star2 {
     animation-delay: -0.5s;
   }
-  #eye1,
-  #eye2 {
-    animation-name: eye_rotate;
-    animation-duration: 1s;
-    animation-timing-function: linear;
-    animation-iteration-count: infinite;
-  }
-  #eye1 {
-    transform-origin: 2757px 5723px;
-  }
-  #eye2 {
-    transform-origin: 2460px 5623px;
-  }
-  .st16 {
+
+  #arrow {
     animation-name: blinking_arrow;
     animation-duration: 2s;
     animation-timing-function: linear;
@@ -45,15 +32,6 @@
   }
 }
 
-@keyframes eye_rotate {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
 @keyframes blinking_arrow {
   0% {
     fill: #ff005c;

package/src/scss/cells/ambulance_2.scss

@@ -1,42 +1,44 @@
 .animated {
-  #doctor {
-    transform-origin: 3630px 9930px;
-    animation-name: doctor;
-    animation-duration: 5s;
-    animation-timing-function: linear;
-    animation-iteration-count: infinite;
-  }
+  .ambulance_2 {
+    #doctor {
+      transform-origin: 3630px 9930px;
+      animation-name: doctor;
+      animation-duration: 5s;
+      animation-timing-function: linear;
+      animation-iteration-count: infinite;
+    }
 
-  #head {
-    transform-origin: 4310px 7610px;
-    animation-name: doctors_head;
-    animation-duration: 4s;
-    animation-timing-function: linear;
-    animation-iteration-count: infinite;
-  }
+    #head {
+      transform-origin: 4310px 7610px;
+      animation-name: doctors_head;
+      animation-duration: 4s;
+      animation-timing-function: linear;
+      animation-iteration-count: infinite;
+    }
 
-  #hand_x5F_1_1_ {
-    transform-origin: 3450px 7998px;
-    animation-name: doctors_hand_1;
-    animation-duration: 2s;
-    animation-timing-function: linear;
-    animation-iteration-count: infinite;
-  }
+    #hand_x5F_1_1_ {
+      transform-origin: 3450px 7998px;
+      animation-name: doctors_hand_1;
+      animation-duration: 2s;
+      animation-timing-function: linear;
+      animation-iteration-count: infinite;
+    }
 
-  #hand_x5F_2 {
-    transform-origin: 5160px 8008px;
-    animation-name: doctors_hand_2;
-    animation-duration: 3s;
-    animation-timing-function: linear;
-    animation-iteration-count: infinite;
-  }
+    #hand_x5F_2 {
+      transform-origin: 5160px 8008px;
+      animation-name: doctors_hand_2;
+      animation-duration: 3s;
+      animation-timing-function: linear;
+      animation-iteration-count: infinite;
+    }
 
-  #eyes {
-    transform-origin: 5440px 6618px;
-    animation-name: doctors_eyes;
-    animation-duration: 2s;
-    animation-timing-function: linear;
-    animation-iteration-count: infinite;
+    #eyes {
+      transform-origin: 5440px 6618px;
+      animation-name: doctors_eyes;
+      animation-duration: 2s;
+      animation-timing-function: linear;
+      animation-iteration-count: infinite;
+    }
   }
 }
 
@@ -47,10 +49,10 @@
   50% {
     transform: rotate(0deg);
   }
-  52% {
+  55% {
     transform: rotate(-5deg);
   }
-  98% {
+  95% {
     transform: rotate(-5deg);
   }
   100% {
@@ -65,10 +67,10 @@
   50% {
     transform: rotate(-25deg);
   }
-  53% {
+  55% {
     transform: rotate(-10deg);
   }
-  97% {
+  95% {
     transform: rotate(-10deg);
   }
   100% {

package/src/scss/cells/sleep.scss

@@ -0,0 +1,59 @@
+@import './mixins/nth-child-variable';
+@import './mixins/letter-scale-animation';
+
+.animated {
+  .sleep {
+    #clock_head {
+      animation-name: clock_head_animation;
+      animation-duration: 0.1s;
+      animation-timing-function: linear;
+      animation-timing-function: ease-in-out;
+      animation-iteration-count: infinite;
+      transform-origin: 1290px 5721px;
+    }
+
+    #clock {
+      animation-name: clock_animation;
+      animation-duration: 2s;
+      animation-delay: 2s;
+      animation-timing-function: linear;
+      animation-iteration-count: infinite;
+    }
+  }
+}
+
+@keyframes clock_head_animation {
+  0% {
+    transform: rotate(-5deg);
+  }
+  100% {
+    transform: rotate(5deg);
+  }
+}
+
+@keyframes clock_animation {
+  0% {
+    transform: translateY(0px);
+  }
+  5% {
+    transform: translateY(-300px);
+  }
+  10% {
+    transform: translateY(0px);
+  }
+  15% {
+    transform: translateY(-150px);
+  }
+  20% {
+    transform: translateY(0px);
+  }
+  25% {
+    transform: translateY(-50px);
+  }
+  30% {
+    transform: translateY(0px);
+  }
+  100% {
+    transform: translateY(0px);
+  }
+}

package/src/scss/cells/take_away_money_in.scss

@@ -0,0 +1,86 @@
+.animated {
+  .take_away_money_in {
+    #weapon {
+      animation-name: weapon_animation;
+      animation-duration: 1s;
+      animation-timing-function: linear;
+      animation-iteration-count: infinite;
+    }
+
+    #fire {
+      display: block;
+      transform-origin: 3700px 5330px;
+      transform: scale(0);
+      animation-name: weapon_fire_animation;
+      animation-duration: 1s;
+      animation-timing-function: linear;
+      animation-iteration-count: infinite;
+    }
+  }
+}
+
+@keyframes weapon_animation {
+  0% {
+    transform: translateX(0px);
+  }
+  5% {
+    transform: translateX(-50px);
+  }
+  10% {
+    transform: translateX(0px);
+  }
+  15% {
+    transform: translateX(0px);
+  }
+  20% {
+    transform: translateX(-50px);
+  }
+  25% {
+    transform: translateX(0px);
+  }
+  30% {
+    transform: translateX(0px);
+  }
+  35% {
+    transform: translateX(-50px);
+  }
+  40% {
+    transform: translateX(0px);
+  }
+  100% {
+    transform: translateX(0px);
+  }
+}
+
+@keyframes weapon_fire_animation {
+  0% {
+    transform: scale(0);
+  }
+  5% {
+    transform: scale(1);
+  }
+  10% {
+    transform: scale(0);
+  }
+  15% {
+    transform: scale(0);
+  }
+  20% {
+    transform: scale(1);
+  }
+  25% {
+    transform: scale(0);
+  }
+  30% {
+    transform: scale(0);
+  }
+  35% {
+    transform: scale(1);
+  }
+  40% {
+    transform: scale(0);
+  }
+  100% {
+    transform: scale(0);
+  }
+}