@vixoniccom/footbal-score 1.3.0 → 1.4.0-dev.0

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 (44) hide show
  1. package/.github/workflows/sonarqube.yml +30 -0
  2. package/CHANGELOG.md +18 -0
  3. package/build/index.html +1 -0
  4. package/build/main.js +2 -0
  5. package/build/main.js.LICENSE.txt +59 -0
  6. package/build/test/downloads/4a9bcc4e-f398-4317-9f0f-afa8bcef1a4f.png +0 -0
  7. package/build/test/downloads/7953953c-7029-4730-ae4d-cff4abd5288f.ttf +0 -0
  8. package/build/test/downloads/Roboto-Bold.ttf +0 -0
  9. package/build/test/downloads/Spring in May.ttf +0 -0
  10. package/build/test/downloads/c705a739-312e-4334-9231-e73a05e9d382.ttf +0 -0
  11. package/build/test/downloads/cumples.png +0 -0
  12. package/build/test/downloads/d1093778-f3c9-42c8-9b07-9f8736390aeb/Foto prueba.jpg +0 -0
  13. package/build/test/downloads/d1093778-f3c9-42c8-9b07-9f8736390aeb/foto1.jpg +0 -0
  14. package/build/test/downloads/d1093778-f3c9-42c8-9b07-9f8736390aeb.zip +0 -0
  15. package/build/test/downloads/fondopasto.jpg +0 -0
  16. package/build/test/parameters.json +9 -0
  17. package/build.zip +0 -0
  18. package/configuration/appearanceGroup/appearanceInputs.ts +24 -0
  19. package/configuration/appearanceGroup/index.ts +8 -0
  20. package/configuration/dataGroup/dataInputs.ts +101 -0
  21. package/configuration/dataGroup/index.ts +8 -0
  22. package/configuration/index.ts +8 -0
  23. package/configuration/styleGroup/index.ts +8 -0
  24. package/configuration/styleGroup/styleInputs.ts +56 -0
  25. package/configuration/utils.ts +31 -0
  26. package/configuration.json +139 -132
  27. package/package.json +11 -17
  28. package/sonar-project.properties +1 -0
  29. package/src/App.tsx +39 -53
  30. package/src/components/FontLoader/index.tsx +7 -7
  31. package/src/components/FormattedText/index.tsx +34 -34
  32. package/src/components/Table/components/Results.tsx +10 -11
  33. package/src/components/Table/components/Row.tsx +34 -73
  34. package/src/components/Table/components/Status.tsx +8 -10
  35. package/src/components/Table/components/Time.tsx +7 -8
  36. package/src/components/Table/index.tsx +5 -16
  37. package/src/helpers/getFixture.ts +10 -7
  38. package/src/helpers/translateTeams.ts +48 -93
  39. package/src/index.html +12 -9
  40. package/src/parameters.d.ts +102 -103
  41. package/src/style.css +446 -434
  42. package/src/test/parameters.json +4 -2
  43. package/tsconfig.json +8 -18
  44. /package/src/{main.tsx → main.ts} +0 -0
package/src/style.css CHANGED
@@ -2,326 +2,340 @@
2
2
  Version : 1.1.8
3
3
  */
4
4
 
5
- body{
6
- background-image: url("https://storage.googleapis.com/vixonic-assets-production-clon/e2407c84-6cd7-42f8-a488-262428bba92a");
7
- background-size: cover;
8
- background-repeat: no-repeat;
9
- }
10
-
11
- :root {
12
- --font: "Raleway", sans-serif;
13
- --background-color: #00141e00;
14
- --background-color-header: #0f2d37;
15
- --color-text: #000;
16
- --color-text-header: #000;
17
- --color-green: #01d099;
18
- --color-red: #f64e60;
19
- --color-yellow: #ffa800;
20
-
21
- --primary-font-size: 11px;
22
- --secondary-font-size: 10px;
23
- --header-font-size: 11px;
24
- --svg-font-size: 8px; /* Only for icon-svg */
25
-
26
- --border-bottom: 0.5px solid var(--background-color-header); /* 0px for no border */
27
- --primary-padding: 3px 3px;
28
- --primary-line-height: 13px;
29
- --secondary-padding: .3rem; /* For Headers Only */
30
-
31
- --button-info-font-size: 9px ;/* Only for info button */
32
- --button-info-line-height: 16px ; /* Only for info button */
33
-
34
- /* LIVESCORE, FIXTURES & FIXTURE WIDGETS ONLY */
35
- --modale-background-overlay: rgba(0,0,0,0.4); /* Only for modale */
36
- --modale-close-size: 28px; /* Only for the close button in the modale */
37
- --modale-elapsed-time: 12px; /* Only for elapsed time in the modale or FIXTURE widget */
38
- --modale-teams-name: 18px; /* Only for Teams Name in the modale or FIXTURE widget */
39
- --modale-teams-name-small: 12px; /* Only for Teams Name in the modale or FIXTURE widget <480px */
40
- --modale-teams-name-line-height: 20px; /* Only for Teams Name in the modale or FIXTURE widget */
41
- --modale-score: 32px; /* Only for Score in the modale or FIXTURE widget >480px */
42
- --modale-score-small: 20px; /* Only for Score in the modale or FIXTURE widget <480px */
43
- --modale-players-grid-line-height: 20px; /* Only for players on the lineups grid in the modale or FIXTURE widget */
44
- --modale-players-grid-line-height-small: 15px; /* Only for players on the lineups grid in the modale or FIXTURE widget <480px */
45
- --modale-players-grid-line-height-large: 25px; /* Only for players on the lineups grid in the modale or FIXTURE widget >1024px */
46
-
47
- /* STANDINGS WIDGET ONLY */
48
- --standings-team-form-font-size: 9px; /* Only for team form and info button */
49
- --standings-team-form-line-height: 16px;
50
-
51
- /* LOGOS / FLAGS / PHOTOS */
52
- --flags-size: 18px;
53
- --teams-logo-size: 18px;
54
- --teams-logo-size-large: 100px; /* Only in the modale or FIXTURE widget */
55
- --teams-logo-size-medium: 50px; /* Only in the modale or FIXTURE widget <480px */
56
- --teams-logo-border: 1px solid var(--background-color-header); /* 0px for no border, Only in the modale or FIXTURE widget */
57
- --player-photo: 15px; /* Only in the modale or FIXTURE widget */
58
- --player-photo-large: 30px; /* Only in the modale or FIXTURE widget <480px */
59
- }
60
-
61
- #wg-api-football-livescore, #wg-api-football-standings, #wg-api-football-fixtures, #wg-api-football-fixture, #wg-api-football-fixture-modal {
62
- width:100%;
63
- }
64
-
65
- #livescore, #standings, #fixtures, #fixture, #fixture-modal, #fixture_events, #fixture_statistics, #fixture_lineups, #fixture_players {
66
- font-family: var(--font);
67
- width:100%;
68
- border-collapse: collapse;
5
+ body {
6
+ background-image: url('https://storage.googleapis.com/vixonic-assets-production-clon/e2407c84-6cd7-42f8-a488-262428bba92a');
7
+ background-size: cover;
8
+ background-repeat: no-repeat;
9
+ }
10
+
11
+ :root {
12
+ --font: 'Raleway', sans-serif;
13
+ --background-color: #00141e00;
14
+ --background-color-header: #0f2d37;
15
+ --color-text: #000;
16
+ --color-text-header: #000;
17
+ --color-green: #01d099;
18
+ --color-red: #f64e60;
19
+ --color-yellow: #ffa800;
20
+
21
+ --primary-font-size: 11px;
22
+ --secondary-font-size: 10px;
23
+ --header-font-size: 11px;
24
+ --svg-font-size: 8px; /* Only for icon-svg */
25
+
26
+ --border-bottom: 0.5px solid var(--background-color-header); /* 0px for no border */
27
+ --primary-padding: 3px 3px;
28
+ --primary-line-height: 13px;
29
+ --secondary-padding: 0.3rem; /* For Headers Only */
30
+
31
+ --button-info-font-size: 9px; /* Only for info button */
32
+ --button-info-line-height: 16px; /* Only for info button */
33
+
34
+ /* LIVESCORE, FIXTURES & FIXTURE WIDGETS ONLY */
35
+ --modale-background-overlay: rgba(0, 0, 0, 0.4); /* Only for modale */
36
+ --modale-close-size: 28px; /* Only for the close button in the modale */
37
+ --modale-elapsed-time: 12px; /* Only for elapsed time in the modale or FIXTURE widget */
38
+ --modale-teams-name: 18px; /* Only for Teams Name in the modale or FIXTURE widget */
39
+ --modale-teams-name-small: 12px; /* Only for Teams Name in the modale or FIXTURE widget <480px */
40
+ --modale-teams-name-line-height: 20px; /* Only for Teams Name in the modale or FIXTURE widget */
41
+ --modale-score: 32px; /* Only for Score in the modale or FIXTURE widget >480px */
42
+ --modale-score-small: 20px; /* Only for Score in the modale or FIXTURE widget <480px */
43
+ --modale-players-grid-line-height: 20px; /* Only for players on the lineups grid in the modale or FIXTURE widget */
44
+ --modale-players-grid-line-height-small: 15px; /* Only for players on the lineups grid in the modale or FIXTURE widget <480px */
45
+ --modale-players-grid-line-height-large: 25px; /* Only for players on the lineups grid in the modale or FIXTURE widget >1024px */
46
+
47
+ /* STANDINGS WIDGET ONLY */
48
+ --standings-team-form-font-size: 9px; /* Only for team form and info button */
49
+ --standings-team-form-line-height: 16px;
50
+
51
+ /* LOGOS / FLAGS / PHOTOS */
52
+ --flags-size: 18px;
53
+ --teams-logo-size: 18px;
54
+ --teams-logo-size-large: 100px; /* Only in the modale or FIXTURE widget */
55
+ --teams-logo-size-medium: 50px; /* Only in the modale or FIXTURE widget <480px */
56
+ --teams-logo-border: 1px solid var(--background-color-header); /* 0px for no border, Only in the modale or FIXTURE widget */
57
+ --player-photo: 15px; /* Only in the modale or FIXTURE widget */
58
+ --player-photo-large: 30px; /* Only in the modale or FIXTURE widget <480px */
59
+ }
60
+
61
+ #wg-api-football-livescore,
62
+ #wg-api-football-standings,
63
+ #wg-api-football-fixtures,
64
+ #wg-api-football-fixture,
65
+ #wg-api-football-fixture-modal {
66
+ width: 100%;
67
+ }
68
+
69
+ #livescore,
70
+ #standings,
71
+ #fixtures,
72
+ #fixture,
73
+ #fixture-modal,
74
+ #fixture_events,
75
+ #fixture_statistics,
76
+ #fixture_lineups,
77
+ #fixture_players {
78
+ font-family: var(--font);
79
+ width: 100%;
80
+ border-collapse: collapse;
69
81
  }
70
82
 
71
83
  td {
72
- padding: var(--primary-padding);
73
- font-size: var(--primary-font-size);
74
- letter-spacing: 0px;
75
- line-height: var(--primary-line-height);
76
- vertical-align: middle;
77
- background: var(--background-color);
78
- color: var(--color-text);
79
- border-bottom: var(--border-bottom);
84
+ padding: var(--primary-padding);
85
+ font-size: var(--primary-font-size);
86
+ letter-spacing: 0px;
87
+ line-height: var(--primary-line-height);
88
+ vertical-align: middle;
89
+ background: var(--background-color);
90
+ color: var(--color-text);
91
+ border-bottom: var(--border-bottom);
80
92
  }
81
93
 
82
94
  td > span {
83
- vertical-align: middle;
95
+ vertical-align: middle;
84
96
  }
85
97
 
86
98
  .api_football_div_table {
87
- padding: var(--primary-padding);
88
- font-size: var(--primary-font-size);
89
- letter-spacing: 0px;
90
- line-height: var(--primary-line-height);
91
- vertical-align: middle;
99
+ padding: var(--primary-padding);
100
+ font-size: var(--primary-font-size);
101
+ letter-spacing: 0px;
102
+ line-height: var(--primary-line-height);
103
+ vertical-align: middle;
92
104
  }
93
105
 
94
106
  .api_football_no_data {
95
- padding: var(--secondary-padding);
96
- font-size: var(--primary-font-size);
97
- letter-spacing: 0px;
98
- line-height: var(--primary-line-height);
99
- margin: auto;
100
- vertical-align: middle;
101
- text-align: center;
102
- font-weight: 600;
103
- background: var(--background-color-header);
104
- color: var(--color-text);
107
+ padding: var(--secondary-padding);
108
+ font-size: var(--primary-font-size);
109
+ letter-spacing: 0px;
110
+ line-height: var(--primary-line-height);
111
+ margin: auto;
112
+ vertical-align: middle;
113
+ text-align: center;
114
+ font-weight: 600;
115
+ background: var(--background-color-header);
116
+ color: var(--color-text);
105
117
  }
106
118
 
107
119
  .api_football_header {
108
- padding: var(--secondary-padding);
109
- font-size: var(--header-font-size);
110
- font-weight: 600;
111
- background: var(--background-color-header);
112
- color: var(--color-text-header);
120
+ padding: var(--secondary-padding);
121
+ font-size: var(--header-font-size);
122
+ font-weight: 600;
123
+ background: var(--background-color-header);
124
+ color: var(--color-text-header);
113
125
  }
114
126
 
115
127
  .api_football_header > span {
116
- padding-left: 5px;
117
- vertical-align: middle;
128
+ padding-left: 5px;
129
+ vertical-align: middle;
118
130
  }
119
131
 
120
132
  .api_football_team_xl {
121
- font-size: var(--modale-teams-name);
122
- line-height: var(--modale-teams-name-line-height);
133
+ font-size: var(--modale-teams-name);
134
+ line-height: var(--modale-teams-name-line-height);
123
135
  }
124
136
 
125
137
  .api_football_score_xl {
126
- font-size: var(--modale-score);
127
- font-weight: 600;
138
+ font-size: var(--modale-score);
139
+ font-weight: 600;
128
140
  }
129
141
 
130
142
  .api_football_elasped_xl {
131
- margin-top: 20px;
132
- font-size: var(--modale-elapsed-time);
143
+ margin-top: 20px;
144
+ font-size: var(--modale-elapsed-time);
133
145
  }
134
146
 
135
147
  .api_football_logo {
136
- width:var(--teams-logo-size);
137
- vertical-align: middle;
148
+ width: var(--teams-logo-size);
149
+ vertical-align: middle;
138
150
  }
139
151
  .api_football_photo {
140
- width: var(--player-photo);
141
- vertical-align: middle;
152
+ width: var(--player-photo);
153
+ vertical-align: middle;
142
154
  }
143
155
  .api_football_photo_xl {
144
- margin: 10px;
145
- width: var(--player-photo-large);
146
- vertical-align: middle;
156
+ margin: 10px;
157
+ width: var(--player-photo-large);
158
+ vertical-align: middle;
147
159
  }
148
- .api_football_logo_xl{
149
- height: var(--teams-logo-size-large);
150
- border: var(--teams-logo-border);
151
- padding: 10px;
152
- margin: 10px;
153
- vertical-align: middle;
160
+ .api_football_logo_xl {
161
+ height: var(--teams-logo-size-large);
162
+ border: var(--teams-logo-border);
163
+ padding: 10px;
164
+ margin: 10px;
165
+ vertical-align: middle;
154
166
  }
155
167
  .api_football_flag {
156
- width: var(--flags-size);
157
- vertical-align: middle;
168
+ width: var(--flags-size);
169
+ vertical-align: middle;
158
170
  }
159
171
 
160
172
  .api_football_no_border {
161
- border:0px;
173
+ border: 0px;
162
174
  }
163
175
  .api_football_text_right {
164
- text-align: right;
176
+ text-align: right;
165
177
  }
166
178
  .api_football_text_center {
167
- text-align: center;
179
+ text-align: center;
168
180
  }
169
181
  .api_football_bolder {
170
- font-weight: bold;
182
+ font-weight: bold;
171
183
  }
172
184
  .api_football_bolder_600 {
173
- font-weight: 600;
185
+ font-weight: 600;
174
186
  }
175
187
 
176
188
  .api_football_font_size_10 {
177
- font-size: var(--secondary-font-size);
189
+ font-size: var(--secondary-font-size);
178
190
  }
179
191
 
180
192
  .api_football_progress_bar {
181
- margin-top: -5px;
182
- width:100%;
183
- background: var(--background-color-header);
193
+ margin-top: -5px;
194
+ width: 100%;
195
+ background: var(--background-color-header);
184
196
  }
185
197
  .api_football_progress_bar_green {
186
- height: 6px;
187
- background-color: var(--color-green);
198
+ height: 6px;
199
+ background-color: var(--color-green);
188
200
  }
189
201
  .api_football_progress_bar_red {
190
- height: 6px;
191
- background-color: var(--color-red);
202
+ height: 6px;
203
+ background-color: var(--color-red);
192
204
  }
193
205
  .api_football_progress_bar_home {
194
- transform: scaleX(-1);
206
+ transform: scaleX(-1);
195
207
  }
196
208
 
197
209
  .api_football_progress {
198
- animation: tilt 2s linear infinite;
199
- font-weight: bold;
200
- color: var(--color-red);
210
+ animation: tilt 2s linear infinite;
211
+ font-weight: bold;
212
+ color: var(--color-red);
201
213
  }
202
214
  @keyframes tilt {
203
- 50% { opacity: 0; }
215
+ 50% {
216
+ opacity: 0;
217
+ }
204
218
  }
205
219
  .api_football_goals {
206
- padding-left:4px;
207
- padding-right:4px;
208
- font-weight: bold;
220
+ padding-left: 4px;
221
+ padding-right: 4px;
222
+ font-weight: bold;
209
223
  }
210
224
  .api_football_liveTime {
211
- color: var(--color-red);
225
+ color: var(--color-red);
212
226
  }
213
227
  .api_football_breakTime {
214
- font-weight: 600;
215
- background: var(--color-green);
216
- color: var(--background-color);
228
+ font-weight: 600;
229
+ background: var(--color-green);
230
+ color: var(--background-color);
217
231
  }
218
232
  .api_football_finished {
219
- color: var(--color-green);
233
+ color: var(--color-green);
220
234
  }
221
235
  .api_football_canceled {
222
- color: var(--color-yellow);
236
+ color: var(--color-yellow);
223
237
  }
224
238
  .api_football_form {
225
- display: inline-block;
226
- margin: 1px;
227
- width: 14px;
228
- height: 14px;
229
- line-height: var(--standings-team-form-line-height);
230
- font-size: var(--standings-team-form-font-size);
231
- text-align: center;
232
- position: relative;
233
- color: var(--background-color);
239
+ display: inline-block;
240
+ margin: 1px;
241
+ width: 14px;
242
+ height: 14px;
243
+ line-height: var(--standings-team-form-line-height);
244
+ font-size: var(--standings-team-form-font-size);
245
+ text-align: center;
246
+ position: relative;
247
+ color: var(--background-color);
234
248
  }
235
249
 
236
250
  .api_football_form_win {
237
- background: var(--color-green);
251
+ background: var(--color-green);
238
252
  }
239
253
  .api_football_form_draw {
240
- background: var(--color-yellow);
254
+ background: var(--color-yellow);
241
255
  }
242
256
  .api_football_form_lose {
243
- background: var(--color-red);
257
+ background: var(--color-red);
244
258
  }
245
259
 
246
260
  .api_football_info {
247
- display: inline-block;
248
- border-radius: 14px;
249
- margin: 1px;
250
- width: 14px;
251
- height: 14px;
252
- line-height: var(--button-info-line-height);
253
- font-size: var(--button-info-font-size);
254
- text-align: center;
255
- position: relative;
256
- color: var(--background-color);
257
- background: var(--background-color-header);
261
+ display: inline-block;
262
+ border-radius: 14px;
263
+ margin: 1px;
264
+ width: 14px;
265
+ height: 14px;
266
+ line-height: var(--button-info-line-height);
267
+ font-size: var(--button-info-font-size);
268
+ text-align: center;
269
+ position: relative;
270
+ color: var(--background-color);
271
+ background: var(--background-color-header);
258
272
  }
259
273
 
260
274
  .api_football_width_90 {
261
- width: 90px;
275
+ width: 90px;
262
276
  }
263
277
  .api_football_width_80 {
264
- width: 80px;
278
+ width: 80px;
265
279
  }
266
280
  .api_football_width_70 {
267
- width: 70px;
281
+ width: 70px;
268
282
  }
269
283
  .api_football_width_60 {
270
- width: 60px;
284
+ width: 60px;
271
285
  }
272
286
  .api_football_width_50 {
273
- width: 50px;
287
+ width: 50px;
274
288
  }
275
289
  .api_football_width_30 {
276
- width: 30px;
290
+ width: 30px;
277
291
  }
278
292
  .api_football_width_25 {
279
- width: 25px;
293
+ width: 25px;
280
294
  }
281
295
  .api_football_width_20 {
282
- width: 20px;
296
+ width: 20px;
283
297
  }
284
298
  .api_football_p_lr_0 {
285
- padding-left:0px;
286
- padding-right:0px;
299
+ padding-left: 0px;
300
+ padding-right: 0px;
287
301
  }
288
302
  .api_football_p_lr_1 {
289
- padding-left:1px;
290
- padding-right:1px;
303
+ padding-left: 1px;
304
+ padding-right: 1px;
291
305
  }
292
306
  .api_football_p_lr_2 {
293
- padding-left:2px;
294
- padding-right:2px;
307
+ padding-left: 2px;
308
+ padding-right: 2px;
295
309
  }
296
310
  .api_football_p_lr_3 {
297
- padding-left:3px;
298
- padding-right:3px;
311
+ padding-left: 3px;
312
+ padding-right: 3px;
299
313
  }
300
314
  .api_football_p_lr_4 {
301
- padding-left:4px;
302
- padding-right:4px;
315
+ padding-left: 4px;
316
+ padding-right: 4px;
303
317
  }
304
318
 
305
319
  .api_football_p_tb_10 {
306
- padding-top:10px;
307
- padding-bottom:10px;
320
+ padding-top: 10px;
321
+ padding-bottom: 10px;
308
322
  }
309
323
 
310
324
  .api_football_nowrap {
311
- white-space: nowrap;
325
+ white-space: nowrap;
312
326
  }
313
327
  .api_football_width_33_p {
314
- width: 33%;
328
+ width: 33%;
315
329
  }
316
330
  .api_football_width_34_p {
317
- width: 34%;
331
+ width: 34%;
318
332
  }
319
333
  .api_football_width_50_p {
320
- width: 50%;
334
+ width: 50%;
321
335
  }
322
336
 
323
337
  .api_football_loader:after {
324
- content: " ";
338
+ content: ' ';
325
339
  display: block;
326
340
  width: 45px;
327
341
  height: 45px;
@@ -344,257 +358,257 @@ td > span {
344
358
  cursor: pointer;
345
359
  }
346
360
  .api_football_tooltip:hover {
347
- position:relative;
361
+ position: relative;
348
362
  }
349
363
 
350
364
  .api_football_tooltip:before {
351
- content: attr(data-text);
352
- position:absolute;
353
- top:50%;
354
- transform:translateY(-50%);
355
- left:100%;
356
- margin-left:0px;
357
- min-width: 80px;
358
- max-width: 200px;
359
- width: auto;
360
- padding:5px;
361
- border-radius:3px;
362
- background:var(--color-text);
363
- color: var(--background-color);
364
- text-align:center;
365
- display:none;
366
- z-index: 99999;
365
+ content: attr(data-text);
366
+ position: absolute;
367
+ top: 50%;
368
+ transform: translateY(-50%);
369
+ left: 100%;
370
+ margin-left: 0px;
371
+ min-width: 80px;
372
+ max-width: 200px;
373
+ width: auto;
374
+ padding: 5px;
375
+ border-radius: 3px;
376
+ background: var(--color-text);
377
+ color: var(--background-color);
378
+ text-align: center;
379
+ display: none;
380
+ z-index: 99999;
367
381
  }
368
382
 
369
383
  .api_football_tooltip:hover:before {
370
- display:block;
384
+ display: block;
371
385
  }
372
386
 
373
387
  .api_football_tooltip.api_football_tooltip_left:before {
374
- left:initial;
375
- margin:initial;
376
- right:100%;
377
- margin-right:0px;
388
+ left: initial;
389
+ margin: initial;
390
+ right: 100%;
391
+ margin-right: 0px;
378
392
  }
379
393
 
380
394
  .api_football_arrow {
381
- float: right;
382
- cursor: pointer;
383
- padding-left:0px !important;
384
- margin-right: 5px;
385
- margin-left: 5px;
395
+ float: right;
396
+ cursor: pointer;
397
+ padding-left: 0px !important;
398
+ margin-right: 5px;
399
+ margin-left: 5px;
386
400
  }
387
401
  .api_football_arrow_down {
388
- transform: rotate(90deg);
402
+ transform: rotate(90deg);
389
403
  }
390
404
  .api_football_arrow_up {
391
- transform: rotate(-90deg);
405
+ transform: rotate(-90deg);
392
406
  }
393
407
  .api_football_hide {
394
- display: none;
408
+ display: none;
395
409
  }
396
410
 
397
411
  .api_football_button_toggle {
398
- padding: 5px;
399
- cursor: pointer;
412
+ padding: 5px;
413
+ cursor: pointer;
400
414
  }
401
415
 
402
416
  .api_football_active {
403
- background: var(--color-green);
404
- color: var(--background-color);
417
+ background: var(--color-green);
418
+ color: var(--background-color);
405
419
  }
406
420
 
407
421
  .api_football_events {
408
- vertical-align: middle;
422
+ vertical-align: middle;
409
423
  }
410
424
 
411
425
  /*
412
426
  * icon-svg
413
427
  */
414
- .icon-svg {
415
- font-size: var(--svg-font-size);
416
- }
417
-
418
- .icon-svg:before {
419
- content: ' ';
420
- vertical-align: middle;
421
- display: inline-block;
422
- background-image: url("sprite.svg");
423
- background-repeat: no-repeat;
424
- background-size: 13em 49.1em;
425
- }
426
-
427
- .no-svg .icon-svg:before {
428
- background-image: url("sprite.svg");
429
- }
430
-
431
- .icon-svg.icon-corner-flag:before {
432
- background-position: 0em 0em;
433
- width: 1.5em;
434
- height: 2em;
435
- }
436
-
437
- .icon-svg.icon-in:before {
438
- background-position: 0em -2em;
439
- width: 0.9em;
440
- height: 1.2em;
441
- }
442
-
443
- .icon-svg.icon-injury:before {
444
- background-position: 0em -3.2em;
445
- width: 1.6em;
446
- height: 1.6em;
447
- }
448
-
449
- .icon-svg.icon-keepers-glove:before {
450
- background-position: 0em -4.8em;
451
- width: 1.6em;
452
- height: 2.2em;
453
- }
454
-
455
- .icon-svg.icon-offside-flag:before {
456
- background-position: 0em -7em;
457
- width: 2.2em;
458
- height: 1.8em;
459
- }
460
-
461
- .icon-svg.icon-out:before {
462
- background-position: 0em -8.8em;
463
- width: 0.8em;
464
- height: 1.1em;
465
- }
466
-
467
- .icon-svg.icon-red-card:before {
468
- background-position: 0em -9.9em;
469
- width: 1.2em;
470
- height: 1.6em;
471
- }
472
-
473
- .icon-svg.icon-shirt:before {
474
- background-position: 0em -11.5em;
475
- width: 3.2em;
476
- height: 3.2em;
477
- }
478
-
479
- .icon-svg.icon-shirt-alt:before {
480
- background-position: 0em -14.7em;
481
- width: 3.2em;
482
- height: 3.2em;
483
- }
484
-
485
- .icon-svg.icon-soccer-ball:before {
486
- background-position: 0em -17.9em;
487
- width: 1.6em;
488
- height: 1.6em;
489
- }
490
-
491
- .icon-svg.icon-soccer-ball-missed-penalty:before {
492
- background-position: 0em -19.5em;
493
- width: 1.8em;
494
- height: 1.8em;
495
- }
496
-
497
- .icon-svg.icon-soccer-ball-own-goal:before {
498
- background-position: 0em -21.3em;
499
- width: 1.6em;
500
- height: 1.6em;
501
- }
502
-
503
- .icon-svg.icon-soccer-ball-penalty:before {
504
- background-position: 0em -22.9em;
505
- width: 1.8em;
506
- height: 1.8em;
507
- }
508
-
509
- .icon-svg.icon-soccer-gate:before {
510
- background-position: 0em -24.7em;
511
- width: 13em;
512
- height: 12.2em;
513
- }
514
-
515
- .icon-svg.icon-soccer-shoe:before {
516
- background-position: 0em -36.9em;
517
- width: 2em;
518
- height: 1.7em;
519
- }
520
-
521
- .icon-svg.icon-soccer-shots:before {
522
- background-position: 0em -38.6em;
523
- width: 1.4906000000000001em;
524
- height: 1.638em;
525
- }
526
-
527
- .icon-svg.icon-stopwatch:before {
528
- background-position: 0em -40.3em;
529
- width: 1.7em;
530
- height: 1.9em;
531
- }
532
-
533
- .icon-svg.icon-substitution:before {
534
- background-position: 0em -42.2em;
535
- width: 1.8em;
536
- height: 1.7em;
537
- }
538
-
539
- .icon-svg.icon-trophy:before {
540
- background-position: 0em -43.9em;
541
- width: 1.8em;
542
- height: 1.9em;
543
- }
544
-
545
- .icon-svg.icon-whistle:before {
546
- background-position: 0em -45.8em;
547
- width: 1.6em;
548
- height: 1.7em;
549
- }
550
-
551
- .icon-svg.icon-yellow-card:before {
552
- background-position: 0em -47.5em;
553
- width: 1.2em;
554
- height: 1.6em;
555
- }
556
-
557
- .api_football_absolute {
558
- position: absolute;
559
- }
560
-
561
- .api_football_grid {
562
- position:relative;
563
- background-image: url("soccer_field.png");
564
- background-size: 100% 100%;
565
- }
428
+ .icon-svg {
429
+ font-size: var(--svg-font-size);
430
+ }
431
+
432
+ .icon-svg:before {
433
+ content: ' ';
434
+ vertical-align: middle;
435
+ display: inline-block;
436
+ background-image: url('sprite.svg');
437
+ background-repeat: no-repeat;
438
+ background-size: 13em 49.1em;
439
+ }
440
+
441
+ .no-svg .icon-svg:before {
442
+ background-image: url('sprite.svg');
443
+ }
444
+
445
+ .icon-svg.icon-corner-flag:before {
446
+ background-position: 0em 0em;
447
+ width: 1.5em;
448
+ height: 2em;
449
+ }
450
+
451
+ .icon-svg.icon-in:before {
452
+ background-position: 0em -2em;
453
+ width: 0.9em;
454
+ height: 1.2em;
455
+ }
456
+
457
+ .icon-svg.icon-injury:before {
458
+ background-position: 0em -3.2em;
459
+ width: 1.6em;
460
+ height: 1.6em;
461
+ }
462
+
463
+ .icon-svg.icon-keepers-glove:before {
464
+ background-position: 0em -4.8em;
465
+ width: 1.6em;
466
+ height: 2.2em;
467
+ }
468
+
469
+ .icon-svg.icon-offside-flag:before {
470
+ background-position: 0em -7em;
471
+ width: 2.2em;
472
+ height: 1.8em;
473
+ }
474
+
475
+ .icon-svg.icon-out:before {
476
+ background-position: 0em -8.8em;
477
+ width: 0.8em;
478
+ height: 1.1em;
479
+ }
480
+
481
+ .icon-svg.icon-red-card:before {
482
+ background-position: 0em -9.9em;
483
+ width: 1.2em;
484
+ height: 1.6em;
485
+ }
486
+
487
+ .icon-svg.icon-shirt:before {
488
+ background-position: 0em -11.5em;
489
+ width: 3.2em;
490
+ height: 3.2em;
491
+ }
492
+
493
+ .icon-svg.icon-shirt-alt:before {
494
+ background-position: 0em -14.7em;
495
+ width: 3.2em;
496
+ height: 3.2em;
497
+ }
498
+
499
+ .icon-svg.icon-soccer-ball:before {
500
+ background-position: 0em -17.9em;
501
+ width: 1.6em;
502
+ height: 1.6em;
503
+ }
504
+
505
+ .icon-svg.icon-soccer-ball-missed-penalty:before {
506
+ background-position: 0em -19.5em;
507
+ width: 1.8em;
508
+ height: 1.8em;
509
+ }
510
+
511
+ .icon-svg.icon-soccer-ball-own-goal:before {
512
+ background-position: 0em -21.3em;
513
+ width: 1.6em;
514
+ height: 1.6em;
515
+ }
516
+
517
+ .icon-svg.icon-soccer-ball-penalty:before {
518
+ background-position: 0em -22.9em;
519
+ width: 1.8em;
520
+ height: 1.8em;
521
+ }
522
+
523
+ .icon-svg.icon-soccer-gate:before {
524
+ background-position: 0em -24.7em;
525
+ width: 13em;
526
+ height: 12.2em;
527
+ }
528
+
529
+ .icon-svg.icon-soccer-shoe:before {
530
+ background-position: 0em -36.9em;
531
+ width: 2em;
532
+ height: 1.7em;
533
+ }
534
+
535
+ .icon-svg.icon-soccer-shots:before {
536
+ background-position: 0em -38.6em;
537
+ width: 1.4906000000000001em;
538
+ height: 1.638em;
539
+ }
540
+
541
+ .icon-svg.icon-stopwatch:before {
542
+ background-position: 0em -40.3em;
543
+ width: 1.7em;
544
+ height: 1.9em;
545
+ }
546
+
547
+ .icon-svg.icon-substitution:before {
548
+ background-position: 0em -42.2em;
549
+ width: 1.8em;
550
+ height: 1.7em;
551
+ }
552
+
553
+ .icon-svg.icon-trophy:before {
554
+ background-position: 0em -43.9em;
555
+ width: 1.8em;
556
+ height: 1.9em;
557
+ }
558
+
559
+ .icon-svg.icon-whistle:before {
560
+ background-position: 0em -45.8em;
561
+ width: 1.6em;
562
+ height: 1.7em;
563
+ }
564
+
565
+ .icon-svg.icon-yellow-card:before {
566
+ background-position: 0em -47.5em;
567
+ width: 1.2em;
568
+ height: 1.6em;
569
+ }
570
+
571
+ .api_football_absolute {
572
+ position: absolute;
573
+ }
574
+
575
+ .api_football_grid {
576
+ position: relative;
577
+ background-image: url('soccer_field.png');
578
+ background-size: 100% 100%;
579
+ }
566
580
 
567
581
  .api_football_grid_player {
568
- display: block;
569
- width: 20px;
570
- height: 20px;
571
- line-height: var(--modale-players-grid-line-height);
572
- font-size: var(--primary-font-size);
573
- text-align: center;
574
- position: relative;
575
- color: var(--background-color);
576
- border-radius: 50px;
577
- transform: translateY(-50%)translateX(75%);
582
+ display: block;
583
+ width: 20px;
584
+ height: 20px;
585
+ line-height: var(--modale-players-grid-line-height);
586
+ font-size: var(--primary-font-size);
587
+ text-align: center;
588
+ position: relative;
589
+ color: var(--background-color);
590
+ border-radius: 50px;
591
+ transform: translateY(-50%) translateX(75%);
578
592
  }
579
593
 
580
594
  .api_football_color_theme {
581
- color : var(--color-text);
595
+ color: var(--color-text);
582
596
  }
583
597
 
584
598
  .api_football_load_fixture {
585
- cursor:pointer;
599
+ cursor: pointer;
586
600
  }
587
601
 
588
602
  #wb-api-football-modal {
589
- display: none;
590
- position: fixed;
591
- z-index: 1;
592
- left: 0;
593
- top: 0;
594
- width: 100%;
595
- height: 100%;
596
- overflow: auto;
597
- background-color: var(--modale-background-overlay);
603
+ display: none;
604
+ position: fixed;
605
+ z-index: 1;
606
+ left: 0;
607
+ top: 0;
608
+ width: 100%;
609
+ height: 100%;
610
+ overflow: auto;
611
+ background-color: var(--modale-background-overlay);
598
612
  }
599
613
 
600
614
  .api_football_modal_content {
@@ -621,24 +635,22 @@ td > span {
621
635
  }
622
636
 
623
637
  @media (min-width: 680px) {
624
-
625
- .api_football_modal_content {
626
- margin: 5% auto;
627
- width: 75%;
628
- }
638
+ .api_football_modal_content {
639
+ margin: 5% auto;
640
+ width: 75%;
641
+ }
629
642
  }
630
643
 
631
644
  @media (min-width: 1024px) {
632
-
633
- .api_football_modal_content {
634
- margin: 5% auto;
635
- width: 50%;
636
- }
637
- .api_football_grid_player {
638
- width: 25px;
639
- height: 25px;
640
- line-height: var(--modale-players-grid-line-height-large);
641
- }
645
+ .api_football_modal_content {
646
+ margin: 5% auto;
647
+ width: 50%;
648
+ }
649
+ .api_football_grid_player {
650
+ width: 25px;
651
+ height: 25px;
652
+ line-height: var(--modale-players-grid-line-height-large);
653
+ }
642
654
  }
643
655
 
644
656
  @media (max-width: 480px) {
@@ -647,31 +659,31 @@ td > span {
647
659
  }
648
660
 
649
661
  .api_football_team_xl {
650
- font-size: var(--primary-font-size);
651
- line-height: var(--modale-teams-name-small);
662
+ font-size: var(--primary-font-size);
663
+ line-height: var(--modale-teams-name-small);
652
664
  }
653
- .api_football_logo_xl{
654
- height: var(--teams-logo-size-medium);
655
- padding: 5px;
656
- margin: 5px;
665
+ .api_football_logo_xl {
666
+ height: var(--teams-logo-size-medium);
667
+ padding: 5px;
668
+ margin: 5px;
657
669
  }
658
670
  .api_football_score_xl {
659
- font-size: var(--modale-score-small);
671
+ font-size: var(--modale-score-small);
660
672
  }
661
673
  .api_football_elasped_xl {
662
- margin-top: 15px;
663
- font-size: var(--secondary-font-size);
674
+ margin-top: 15px;
675
+ font-size: var(--secondary-font-size);
664
676
  }
665
677
  .api_football_grid_player {
666
- display: block;
667
- width: 15px;
668
- height: 15px;
669
- line-height: var(--modale-players-grid-line-height-small);
670
- font-size: var(--primary-font-size);
671
- text-align: center;
672
- position: relative;
673
- color: var(--background-color);
674
- border-radius: 25px;
675
- transform: translateY(-50%);
678
+ display: block;
679
+ width: 15px;
680
+ height: 15px;
681
+ line-height: var(--modale-players-grid-line-height-small);
682
+ font-size: var(--primary-font-size);
683
+ text-align: center;
684
+ position: relative;
685
+ color: var(--background-color);
686
+ border-radius: 25px;
687
+ transform: translateY(-50%);
676
688
  }
677
- }
689
+ }