western-world 3.0.329 → 3.0.331

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/index.js +1 -1
  2. package/package.json +1 -1
  3. package/src/defs/lost.js +57 -0
  4. package/src/scss/cells/casino.scss +5 -0
  5. package/src/scss/cells/mixins/lost.scss +137 -0
  6. package/src/scss/cells/mixins/winner.scss +0 -2
  7. package/src/svg/cells/casino.svg +1 -0
  8. package/src/svg/index.js +5 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "western-world",
3
- "version": "3.0.329",
3
+ "version": "3.0.331",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
package/src/defs/lost.js ADDED
@@ -0,0 +1,57 @@
1
+ export const lost = `
2
+ <symbol id="lost" viewBox="0 0 8192 8192" style="enable-background:new 0 0 8192 8192;">
3
+ <style type="text/css">
4
+ .lost_st0{fill:#A22A33;stroke:#540904;stroke-width:20;stroke-miterlimit:10;}
5
+ .lost_st1{opacity:0.3;}
6
+ .lost_st2{fill:#A30303;stroke:#000000;stroke-width:40;stroke-miterlimit:10;}
7
+ .lost_st3{fill:#FCFAFA;}
8
+ </style>
9
+ <rect class="lost-background" x="0" y="0" width="8292" height="8292"></rect>
10
+ <g class="lost-main-container">
11
+ <path id="lost_background" class="lost_st0" d="M1463.2,4055.2c0,0,425.2-47.7,543.4-275.1c118.2-227.4-291-895.8-477.5-1136.8c0,0,673,541.1,986.8,591.2
12
+ s559.3-550.2,591.2-641.2c0,0,131.9,577.5,550.2,632.1s641.2-222.8,745.8-322.9c0,0,0,391.1,409.3,286.5
13
+ c409.3-104.6,936.8-522.9,936.8-522.9s-359.2,463.8-127.3,759.4c231.9,295.6,968.6,122.8,968.6,122.8s-538.6,497.5-636.6,859.5
14
+ c-118.2,436.5,106.9,1093.6,106.9,1093.6s-920.7-488.6-1139.1-297.9c-161.4,141-168.3,509.3-168.3,509.3s-317.5-640.1-1068.6-618.4
15
+ c-629.8,18.2-850.4,488.8-850.4,488.8s-279.7-366.1-568.4-304.7c-288.8,61.4-786.7,238.7-786.7,238.7s545.7-409.3,486.6-825.3
16
+ C1906.5,4275.7,1463.2,4055.2,1463.2,4055.2z"/>
17
+ <g id="lost_title">
18
+ <g>
19
+ <path class="lost_st1" d="M2303.7,3489l506.3-12.1c3,327.4-131.5,918.2-131.5,918.2l250.3-15.3c-65.9-538.9,353.3-1013.6,698.9-974.9
20
+ c279.9,31.3,468.3,495.7,468.3,495.7c-22.8-143.2,72.8-443.4,345.7-493.4c376.5-69,593.4,109.1,593.4,109.1l1044.4-48.5
21
+ c-62.1,107.6-177.3,465.3-177.3,465.3l-251.6,16.7c-90.9,445.6-39.4,1067.1-39.4,1067.1l-482-15.2
22
+ c-33.3-585.1,100.1-1028.9,100.1-1028.9l-282.7-3l2.3-119.4l-47.7,183c-29.6-29.6-224-92.1-241-64.8s106.9,95.5,225.1,259.2
23
+ c118.2,163.7,189.7,529.8-34.7,688.9c-303.7,215.4-856.6-3-856.6-3l7.6-81.9l-63.7-33.3c0,0-124.3,224.3-469.9,224.3
24
+ s-472.9-347.1-472.9-347.1l-75,356.2c-311.4-54.6-904.2,45.5-904.2,45.5C2150,4771.5,2303.7,3489,2303.7,3489z M3592.1,3922.2
25
+ c-154.6,0-215.2,594.2-60.6,594.2S3737.6,3922.2,3592.1,3922.2z"/>
26
+ </g>
27
+ <g>
28
+ <path class="lost_st2" d="M2156.6,3386.7l532,13.6c0,0-12.1,737.4-127.3,1049.7l378.9-18.2l-84.9,457.8c0,0-566.9-27.3-818.5,24.3
29
+ C2036.9,4913.9,2303.7,4301.5,2156.6,3386.7z"/>
30
+ <path class="lost_st3" d="M2554.5,3448.1h-345.6c0,0,131.9,584.3-104.6,1350.6c0,0,147.8-254.7,186.4-723
31
+ c38.7-468.4,27.3-541.1,27.3-541.1S2334,3479.9,2554.5,3448.1z"/>
32
+ </g>
33
+ <g>
34
+ <path class="lost_st2" d="M3473.9,3416.3c779.2,3.7,767,1430.9-30.3,1461.2S2843.3,3413.2,3473.9,3416.3z M3448.1,4466.7
35
+ c181.9,2.3,227.4-645.8,61.4-645.7C3375.2,3821,3266.2,4464.4,3448.1,4466.7z"/>
36
+ <path class="lost_st3" d="M3730,3543.6c0,0-173.7-118.2-368.8-70.5s-417.4,314.6-402,814c11.4,368.3,211.5,457,211.5,457
37
+ s-265.2-472.9-47.3-898.1S3623.2,3511.7,3730,3543.6z"/>
38
+ </g>
39
+ <g>
40
+ <path class="lost_st2" d="M4939.6,3504.9c0,0-357-125.1-582.1-31.8s-352.4,472.6-72.8,689.9c279.7,217.3,234.2,242.3,204.6,287.8
41
+ c-29.6,45.5-300.1,6.8-452.5-56.8c0,0-50,388.8-50,388.8s275.1,109.1,579.8,65.9c304.7-43.2,363.8-413.8,277.4-600.3
42
+ c-86.4-186.4-374.6-269.8-300.1-400.2c45.5-79.6,270.6,0,270.6,0L4939.6,3504.9z"/>
43
+ <path class="lost_st3" d="M4853.2,3618.6l40.9-102.3c0,0-352.6-122.8-525.2-13.6c-172.6,109.2-206.9,304.7-206.9,304.7
44
+ S4353,3386.7,4853.2,3618.6z"/>
45
+ <path class="lost_st3" d="M4529.6,4457.6c0,0,29.4,169.4-297.1,129.6c-186.4-22.7-182.5-34.1-182.5-34.1l12.1-112.5
46
+ C4062.1,4440.6,4414.8,4594,4529.6,4457.6z"/>
47
+ </g>
48
+ <g>
49
+ <path class="lost_st2" d="M5032.8,3457.2l-93.2,347.9h263.7c0,0-134.9,501.5-128.8,1041.6l378.9,12.1c0,0,3-678.6,100-1066.6
50
+ l260.3-10.8l142.9-365.2L5032.8,3457.2z"/>
51
+ <path class="lost_st3" d="M4989.6,3725.5c0,0,52.3-156.9,179.6-191s707.1-77.1,707.1-77.1l-822.3,30.1L4989.6,3725.5z"/>
52
+ <path class="lost_st3" d="M5217,3871c0,0-76,727.5-44.1,950.4h-75.2C5097.6,4821.3,5110.1,4206.4,5217,3871z"/>
53
+ </g>
54
+ </g>
55
+ </g>
56
+ </symbol>
57
+ `;
package/src/scss/cells/casino.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @import './mixins/winner';
2
+ @import './mixins/lost';
2
3
 
3
4
  .animated {
4
5
  .casino {
@@ -25,10 +26,14 @@
25
26
  .winner_container {
26
27
  transform: translate(650px, 0);
27
28
  }
29
+ .lost-main-container {
30
+ transform: translate(650px, -300px);
31
+ }
28
32
  }
29
33
  }
30
34
 
31
35
  @include winnerMixin;
36
+ @include lostMixin;
32
37
 
33
38
  @keyframes chips_animation {
34
39
  0% {
package/src/scss/cells/mixins/lost.scss ADDED
@@ -0,0 +1,137 @@
1
+ $main-animation-delay: 0s;
2
+
3
+ @mixin lostMixin {
4
+ .animated.lost {
5
+ .lost-background {
6
+ display: block;
7
+ fill: black;
8
+ opacity: 0;
9
+ animation-name: buckground_animation;
10
+ animation-delay: $main-animation-delay;
11
+ animation-duration: 0.3s;
12
+ animation-timing-function: linear;
13
+ animation-fill-mode: forwards;
14
+ animation-iteration-count: 1;
15
+ }
16
+
17
+ .lost-main-container {
18
+ animation-name: lost_container_animation;
19
+ animation-delay: $main-animation-delay;
20
+ animation-duration: 10s;
21
+ animation-timing-function: ease-in-out;
22
+ animation-fill-mode: forwards;
23
+ animation-iteration-count: 1;
24
+ transform-origin: 4000px 3700px;
25
+ }
26
+
27
+ #lost_background {
28
+ animation-name: lost_details_animation;
29
+ animation-delay: $main-animation-delay;
30
+ animation-duration: 5s;
31
+ animation-timing-function: ease-in-out;
32
+ animation-iteration-count: infinite;
33
+ animation-direction: alternate;
34
+ transform-origin: 4000px 3700px;
35
+ }
36
+
37
+ #lost_title > * {
38
+ &:nth-child(1) {
39
+ animation-delay: -0.5s;
40
+ transform-origin: 2680px 4000px;
41
+ }
42
+ &:nth-child(2) {
43
+ animation-delay: -0.3s;
44
+ transform-origin: 3300px 3800px;
45
+ }
46
+ &:nth-child(3) {
47
+ animation-delay: -0.7s;
48
+ transform-origin: 4050px 3700px;
49
+ }
50
+ &:nth-child(4) {
51
+ animation-delay: -0.1s;
52
+ transform-origin: 3580px 4000px;
53
+ }
54
+
55
+ animation-name: lost_title_animation;
56
+ animation-delay: $main-animation-delay;
57
+ animation-duration: 3s;
58
+ animation-timing-function: ease-in-out;
59
+ animation-iteration-count: infinite;
60
+ animation-direction: alternate;
61
+ transform-origin: 4000px 3700px;
62
+ }
63
+
64
+ use.d-none {
65
+ display: block;
66
+ }
67
+ }
68
+
69
+ @keyframes buckground_animation {
70
+ 0% {
71
+ opacity: 0;
72
+ }
73
+ 100% {
74
+ opacity: 0.5;
75
+ }
76
+ }
77
+
78
+ @keyframes lost_container_animation {
79
+ 0% {
80
+ scale: 0;
81
+ }
82
+ 5% {
83
+ scale: 1;
84
+ }
85
+ 100% {
86
+ scale: 1.1;
87
+ }
88
+ }
89
+
90
+ @keyframes lost_details_animation {
91
+ 0% {
92
+ scale: 0.95;
93
+ }
94
+ 100% {
95
+ scale: 1.2;
96
+ }
97
+ }
98
+
99
+ @keyframes lost_title_animation {
100
+ 0% {
101
+ rotate: 1deg;
102
+ }
103
+ 10% {
104
+ rotate: 3deg;
105
+ scale: 1.1;
106
+ }
107
+ 20% {
108
+ translate: -10 0px;
109
+ }
110
+ 30% {
111
+ rotate: -3deg;
112
+ scale: 0.9;
113
+ }
114
+ 40% {
115
+ translate: 10 0px;
116
+ }
117
+ 50% {
118
+ rotate: 3deg;
119
+ }
120
+ 60% {
121
+ rotate: -3deg;
122
+ }
123
+ 70% {
124
+ translate: 0 50px;
125
+ }
126
+ 80% {
127
+ translate: 0 -50px;
128
+ }
129
+ 90% {
130
+ translate: 0 25px;
131
+ }
132
+ 100% {
133
+ translate: 0 0;
134
+ rotate: 0;
135
+ }
136
+ }
137
+ }
package/src/scss/cells/mixins/winner.scss CHANGED
@@ -1,7 +1,5 @@
1
1
  $main-animation-delay: 0s;
2
2
 
3
- $delay-before-last-disapearing: 1s;
4
-
5
3
  @mixin winnerMixin {
6
4
  .animated.winner {
7
5
  .army-background {
package/src/svg/cells/casino.svg CHANGED
@@ -1039,4 +1039,5 @@
1039
1039
  </g>
1040
1040
 
1041
1041
  <use xlink:href="#winner" class="d-none"></use>
1042
+ <use xlink:href="#lost" class="d-none"></use>
1042
1043
  </svg>
package/src/svg/index.js CHANGED
@@ -9,6 +9,7 @@ import { blick } from '../defs/blick';
9
9
  import { cat } from '../defs/cat';
10
10
  import { rent } from '../defs/rent';
11
11
  import { winner } from '../defs/winner';
12
+ import { lost } from '../defs/lost';
12
13
 
13
14
  export const others = {
14
15
  // backgrounds;
@@ -169,7 +170,10 @@ export const cells = {
169
170
  casino: {
170
171
  svgPath: require('./cells/casino.svg'),
171
172
  scssPath: require('!!css-loader!sass-loader!../scss/cells/casino.scss').default,
172
- defs: [{ name: 'winner', value: winner, type: 'symbol' }],
173
+ defs: [
174
+ { name: 'winner', value: winner, type: 'symbol' },
175
+ { name: 'lost', value: lost, type: 'symbol' },
176
+ ],
173
177
  },
174
178
  coffee: {
175
179
  svgPath: require('./cells/coffee.svg'),