@mjsz-vbr-elements/shared 2.11.2 → 2.12.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.
@@ -1,100 +0,0 @@
1
- .is-text-right {
2
- text-align: right;
3
- }
4
- .is-text-center {
5
- text-align: center;
6
- }
7
- .is-text-bold {
8
- font-weight: 700;
9
- }
10
- .is-text-italic {
11
- font-style: italic;
12
- }
13
- .is-text-xs {
14
- font-size: var(--vbr-widget-typography-font-size-200);
15
- line-height: var(--vbr-widget-typography-font-lineheight-200);
16
- }
17
- .is-text-sm {
18
- font-size: var(--vbr-widget-typography-font-size-400);
19
- line-height: var(--vbr-widget-typography-font-lineheight-200);
20
- }
21
- .is-text-base {
22
- font-size: var(--vbr-widget-typography-font-size-500);
23
- line-height: var(--vbr-widget-typography-font-lineheight-500);
24
- }
25
- .is-text-lg {
26
- font-size: var(--vbr-widget-typography-font-size-600);
27
- line-height: var(--vbr-widget-typography-font-lineheight-600);
28
- }
29
- .is-text-xl {
30
- font-size: var(--vbr-widget-typography-font-size-700);
31
- line-height: var(--vbr-widget-typography-font-lineheight-700);
32
- }
33
- .is-text-4xl {
34
- font-size: var(--vbr-widget-typography-font-size-950);
35
- line-height: var(--vbr-widget-typography-font-lineheight-950);
36
- }
37
- .is-uppercase {
38
- text-transform: uppercase;
39
- }
40
- .is-opacity-20 {
41
- opacity: 0.2;
42
- }
43
- .is-opacity-30 {
44
- opacity: 0.3;
45
- }
46
- .is-opacity-40 {
47
- opacity: 0.4;
48
- }
49
- .is-opacity-50 {
50
- opacity: 0.5;
51
- }
52
- .is-mt-5 {
53
- margin-top: 1rem;
54
- }
55
- .is-mb-5 {
56
- margin-bottom: 1rem;
57
- }
58
- .is-whitespace-nowrap {
59
- white-space: nowrap;
60
- }
61
- .is-heading-1 {
62
- font-size: var(--vbr-widget-typography-heading-1-size);
63
- line-height: var(--vbr-widget-typography-font-lineheight-700);
64
- margin-block-start: var(--vbr-widget-typography-font-size-700);
65
- margin-block-end: calc(var(--vbr-widget-typography-font-size-700) / 2);
66
- font-weight: var(--vbr-widget-typography-heading-weight);
67
- }
68
- .is-heading-2 {
69
- font-size: var(--vbr-widget-typography-heading-2-size);
70
- line-height: var(--vbr-widget-typography-font-lineheight-600);
71
- font-weight: var(--vbr-widget-typography-heading-weight);
72
- margin-block-start: var(--vbr-widget-typography-font-size-600);
73
- margin-block-end: calc(var(--vbr-widget-typography-font-size-600) / 2);
74
- }
75
- .is-heading-3 {
76
- font-size: var(--vbr-widget-typography-heading-3-size);
77
- line-height: var(--vbr-widget-typography-font-lineheight-500);
78
- font-weight: var(--vbr-widget-typography-heading-weight);
79
- margin-block-start: var(--vbr-widget-typography-font-size-500);
80
- margin-block-end: calc(var(--vbr-widget-typography-font-size-500) / 2);
81
- }
82
- .is-rounded {
83
- overflow: hidden;
84
- border-radius: 100%;
85
- }
86
- .is-rounded + .is-rounded {
87
- margin-left: 3px;
88
- }
89
- .is-rounded img {
90
- display: block;
91
- }
92
- .is-w-5 {
93
- width: 16px;
94
- }
95
- .is-w-7 {
96
- width: 24px;
97
- }
98
- .is-w-10 {
99
- width: 32px;
100
- }
@@ -1,251 +0,0 @@
1
- /* --vbr-widget-typography-font-size-50
2
- --vbr-widget-typography-font-lineheight-50 */
3
-
4
- :root,
5
- :host {
6
- font-family: 'Roboto Condensed', Avenir, Helvetica, Arial, sans-serif;
7
-
8
- --vbr-widget-primary-color-0: #ffffff;
9
- --vbr-widget-primary-color-50: #eceff1;
10
- --vbr-widget-primary-color-100: #cfd8dc;
11
- --vbr-widget-primary-color-200: #b0bec5;
12
- --vbr-widget-primary-color-300: #90a4ae;
13
- --vbr-widget-primary-color-400: #78909c;
14
- --vbr-widget-primary-color-500: #607d8b;
15
- --vbr-widget-primary-color-600: #546e7a;
16
- --vbr-widget-primary-color-700: #455a64;
17
- --vbr-widget-primary-color-800: #37474f;
18
- --vbr-widget-primary-color-900: #263238;
19
-
20
- --vbr-widget-secondary-color-100: #dcedc8;
21
- --vbr-widget-secondary-color-200: #badb94;
22
- --vbr-widget-secondary-color-300: #aed581;
23
- --vbr-widget-secondary-color-400: #9ccc65;
24
- --vbr-widget-secondary-color-500: #8bc34a;
25
- --vbr-widget-secondary-color-700: #689f38;
26
- --vbr-widget-secondary-color-800: #558b2f;
27
- --vbr-widget-secondary-color-900: #33691e;
28
-
29
- --vbr-widget-danger-color-50: #ffebee;
30
- --vbr-widget-danger-color-100: #ffcdd2;
31
- --vbr-widget-danger-color-200: #ef9a9a;
32
- --vbr-widget-danger-color-300: #e57373;
33
- --vbr-widget-danger-color-400: #ef5350;
34
- --vbr-widget-danger-color-500: #f44336;
35
- --vbr-widget-danger-color-700: #d32f2f;
36
- --vbr-widget-danger-color-900: #b71c1c;
37
- --vbr-widget-danger-color-a400: #ff1744;
38
-
39
- --vbr-widget-live-game-color: #8bc34a;
40
- --vbr-widget-neutral-color: #ffc107;
41
-
42
- --vbr-widget-typography-font-size-50: 0.6275rem; /* 10px */
43
- --vbr-widget-typography-font-size-100: 0.6875rem; /* 11px */
44
- --vbr-widget-typography-font-size-200: 0.75rem; /* 12px */
45
- --vbr-widget-typography-font-size-300: 0.8125rem; /* 13px */
46
- --vbr-widget-typography-font-size-400: 0.875rem; /* 14px */
47
- --vbr-widget-typography-font-size-500: 1rem; /* 16px */
48
- --vbr-widget-typography-font-size-600: 1.125rem; /* 18px */
49
- --vbr-widget-typography-font-size-700: 1.25rem; /* 20px */
50
- --vbr-widget-typography-font-size-800: 1.5rem; /* 24px */
51
- --vbr-widget-typography-font-size-900: 1.75rem; /* 28px */
52
- --vbr-widget-typography-font-size-950: 2rem; /* 32px */
53
-
54
- --vbr-widget-typography-font-lineheight-50: calc(var(--vbr-widget-typography-font-size-50) * 1.628);
55
- --vbr-widget-typography-font-lineheight-100: calc(var(--vbr-widget-typography-font-size-100) * 1.628);
56
- --vbr-widget-typography-font-lineheight-200: calc(var(--vbr-widget-typography-font-size-200) * 1.628);
57
- --vbr-widget-typography-font-lineheight-300: calc(var(--vbr-widget-typography-font-size-300) * 1.628);
58
- --vbr-widget-typography-font-lineheight-400: calc(var(--vbr-widget-typography-font-size-400) * 1.628);
59
- --vbr-widget-typography-font-lineheight-500: calc(var(--vbr-widget-typography-font-size-500) * 1.628);
60
- --vbr-widget-typography-font-lineheight-600: calc(var(--vbr-widget-typography-font-size-600) * 1.628);
61
- --vbr-widget-typography-font-lineheight-700: calc(var(--vbr-widget-typography-font-size-700) * 1.628);
62
- --vbr-widget-typography-font-lineheight-800: calc(var(--vbr-widget-typography-font-size-800) * 1.628);
63
- --vbr-widget-typography-font-lineheight-900: calc(var(--vbr-widget-typography-font-size-900) * 1.628);
64
- --vbr-widget-typography-font-lineheight-950: calc(var(--vbr-widget-typography-font-size-950) * 1.628);
65
-
66
- --vbr-widget-typography-heading-weight: 500;
67
-
68
- --vbr-widget-typography-heading-1-size: var(--vbr-widget-typography-font-size-800);
69
- --vbr-widget-typography-heading-2-size: var(--vbr-widget-typography-font-size-700);
70
- --vbr-widget-typography-heading-3-size: var(--vbr-widget-typography-font-size-600);
71
- --vbr-widget-typography-heading-4-size: var(--vbr-widget-typography-font-size-500);
72
- --vbr-widget-typography-heading-5-size: var(--vbr-widget-typography-font-size-400);
73
- --vbr-widget-typography-heading-6-size: var(--vbr-widget-typography-font-size-200);
74
-
75
- --vbr-widget-table-header-font-size: var(--vbr-widget-typography-font-size-200);
76
- --vbr-widget-table-default-column-width: 30px;
77
- --vbr-widget-table-default-bg-color: var(--vbr-widget-primary-color-0);
78
- --vbr-widget-table-color: var(--vbr-widget-primary-color-800);
79
- --vbr-widget-table-neutral-color: var(--vbr-widget-primary-color-300);
80
- --vbr-widget-table-header-bg-color: var(--vbr-widget-primary-color-800);
81
- --vbr-widget-table-header-hover-bg-color: var(--vbr-widget-primary-color-700);
82
- --vbr-widget-table-header-color: var(--vbr-widget-primary-color-200);
83
- --vbr-widget-table-table-header-active-bg-color: var(--vbr-widget-primary-color-700);
84
- --vbr-widget-table-header-active-color: var(--vbr-widget-primary-color-0);
85
- --vbr-widget-table-hover-color: var(--vbr-widget-secondary-color-900);
86
- --vbr-widget-table-hover-bg-color: var(--vbr-widget-secondary-color-100);
87
- --vbr-widget-table-active-color: var(--vbr-widget-secondary-color-900);
88
- --vbr-widget-table-active-bg-color: var(--vbr-widget-secondary-color-200);
89
- --vbr-widget-table-active-even-bg-color: var(--vbr-widget-secondary-color-300);
90
- --vbr-widget-table-active-hover-color: var(--vbr-widget-secondary-color-900);
91
- --vbr-widget-table-active-hover-bg-color: var(--vbr-widget-secondary-color-400);
92
- --vbr-widget-table-portrait-border-color: var(--vbr-widget-primary-color-100);
93
- --vbr-widget-table-portrait-bg-color: var(--vbr-widget-primary-color-50);
94
- --vbr-widget-table-cell-light-color: var(--vbr-widget-primary-color-600);
95
- --vbr-widget-table-cell-dark-color: var(--vbr-widget-primary-color-900);
96
- --vbr-widget-table-stripped-bg-color: #f8f9fa;
97
- --vbr-widget-table-label-color: var(--vbr-widget-primary-color-500);
98
- --vbr-widget-table-label-bg-color: var(--vbr-widget-primary-color-50);
99
- --vbr-widget-table-cell-logo-size: 20px;
100
- --vbr-widget-table-cell-portrait-size: 26px;
101
- --vbr-widget-table-zero-color: var(--vbr-widget-primary-color-200);
102
-
103
- --vbr-widget-paginator-color: var(--vbr-widget-primary-color-500);
104
- --vbr-widget-paginator-bg-color: var(--vbr-widget-primary-color-0);
105
- --vbr-widget-paginator-hover-color: var(--vbr-widget-primary-color-700);
106
- --vbr-widget-paginator-hover-bg-color: var(--vbr-widget-primary-color-100);
107
- --vbr-widget-paginator-border-color: var(--vbr-widget-primary-color-100);
108
- --vbr-widget-paginator-active-color: var(--vbr-widget-primary-color-0);
109
- --vbr-widget-paginator-active-bg-color: var(--vbr-widget-primary-color-900);
110
- --vbr-widget-paginator-disabled-color: var(--vbr-widget-primary-color-200);
111
-
112
- --vbr-widget-tooltip-font-size: var(--vbr-widget-typography-font-size-200);
113
- --vbr-widget-tooltip-color: #ffffff;
114
- --vbr-widget-tooltip-bg-color: #000000;
115
-
116
- --vbr-widget-popover-trigger-hover-bg-color: var(--vbr-widget-secondary-color-200);
117
- --vbr-widget-popover-trigger-focus-bg-color: var(--vbr-widget-secondary-color-300);
118
- --vbr-widget-popover-bg-color: var(--vbr-widget-primary-color-0);
119
-
120
- --vbr-widget-dropdown-item-color: var(--vbr-widget-primary-color-500);
121
- --vbr-widget-dropdown-item-hover-color: var(--vbr-widget-primary-color-800);
122
- --vbr-widget-dropdown-item-hover-bg-color: var(--vbr-widget-primary-color-50);
123
-
124
- --vbr-widget-error-notice-bg-color: var(--vbr-widget-danger-color-50);
125
- --vbr-widget-error-notice-border-color: var(--vbr-widget-danger-color-100);
126
- --vbr-widget-error-notice-color: var(--vbr-widget-danger-color-700);
127
-
128
- --vbr-widget-link-color: var(--vbr-widget-secondary-color-700);
129
- --vbr-widget-hover-color: var(--vbr-widget-secondary-color-900);
130
-
131
- --vbr-widget-base-input-color: var(--vbr-widget-primary-color-800);
132
- --vbr-widget-base-input-font-size: var(--vbr-widget-typography-font-size-400);
133
- --vbr-widget-base-input-border-color: var(--vbr-widget-primary-color-300);
134
- --vbr-widget-base-input-border-radius: 3px;
135
-
136
- --vbr-widget-form-label-color: var(--vbr-widget-primary-color-500);
137
- --vbr-widget-form-label-font-size: var(--vbr-widget-typography-font-size-200);
138
-
139
- --vbr-widget-timezone-selector-color: var(--vbr-widget-primary-color-500);
140
- --vbr-widget-timezone-selector-font-size: var(--vbr-widget-typography-font-size-400);
141
-
142
- --vbr-widget-badge-bg-color: var(--vbr-widget-primary-color-50);
143
- --vbr-widget-badge-color: var(--vbr-widget-primary-color-400);
144
- --vbr-widget-badge-font-size: var(--vbr-widget-typography-font-size-50);
145
- --vbr-widget-badge-large-font-size: var(--vbr-widget-typography-font-size-100);
146
- --vbr-widget-badge-extra-large-font-size: var(--vbr-widget-typography-font-size-300);
147
-
148
- --vbr-widget-tab-btn-padding: 0.625rem 1rem;
149
- --vbr-widget-tab-btn-font-size: var(--vbr-widget-typography-font-size-500);
150
- --vbr-widget-tab-btn-font-weight: 500;
151
- --vbr-widget-tab-btn-bg-color: var(--vbr-widget-primary-color-0);
152
- --vbr-widget-tab-btn-color: var(--vbr-widget-primary-color-300);
153
- --vbr-widget-tab-btn-border-color: transparent;
154
- --vbr-widget-tab-btn-border-style: solid;
155
- --vbr-widget-tab-btn-border-width: 0 0 3px 0;
156
- --vbr-widget-tab-btn-text-transform: uppercase;
157
- --vbr-widget-tab-btn-hover-color: var(--vbr-widget-primary-color-500);
158
- --vbr-widget-tab-btn-hover-bg-color: var(--vbr-widget-primary-color-0);
159
- --vbr-widget-tab-btn-hover-border-color: transparent;
160
- --vbr-widget-tab-btn-active-bg-color: var(--vbr-widget-primary-color-0);
161
- --vbr-widget-tab-btn-active-color: var(--vbr-widget-primary-color-900);
162
- --vbr-widget-tab-btn-active-border-color: var(--vbr-widget-secondary-color-500);
163
-
164
- --vbr-widget-toggle-group-gap: 0.625rem;
165
- --vbr-widget-toggle-group-btn-padding: 3px 10px;
166
- --vbr-widget-toggle-group-btn-size: var(--vbr-widget-typography-font-size-400);
167
- --vbr-widget-toggle-group-btn-bg-color: var(--vbr-widget-primary-color-50);
168
- --vbr-widget-toggle-group-btn-active-color: var(--vbr-widget-primary-color-0);
169
- --vbr-widget-toggle-group-btn-active-bg-color: var(--vbr-widget-live-game-color);
170
- --vbr-widget-toggle-group-btn-radius: 4px;
171
-
172
- --vbr-widget-progress-height: 10px;
173
- --vbr-widget-progress-border-radius: 5px;
174
- --vbr-widget-progress-bg-color: var(--vbr-widget-primary-color-50);
175
- --vbr-widget-progress-bar-color: var(--vbr-widget-live-game-color);
176
- --vbr-widget-progress-bar-stripe-color: rgba(255, 255, 255, 0.2);
177
- --vbr-widget-progress-bar-stripe-angle: 45deg;
178
-
179
- --vbr-widget-gamecenter-result-size: 6rem;
180
- --vbr-widget-gamecenter-result-weight: 700;
181
- --vbr-widget-gamecenter-result-color: var(--vbr-widget-primary-color-800);
182
- --vbr-widget-gamecenter-teamname-size: var(--vbr-widget-typography-font-size-700);
183
- --vbr-widget-gamecenter-teamname-color: var(--vbr-widget-primary-color-800);
184
- --vbr-widget-gamecenter-teamname-weight: 700;
185
- --vbr-widget-gamecenter-title-color: var(--vbr-widget-primary-color-800);
186
- --vbr-widget-gamecenter-title-size: var(--vbr-widget-typography-font-size-500);
187
- --vbr-widget-gamecenter-title-weight: 700;
188
- --vbr-widget-gamecenter-gamedate-color: var(--vbr-widget-primary-color-500);
189
- --vbr-widget-gamecenter-gamedate-size: var(--vbr-widget-typography-font-size-500);
190
- --vbr-widget-gamecenter-local-gamedate-color: var(--vbr-widget-primary-color-500);
191
- --vbr-widget-gamecenter-local-gamedate-size: var(--vbr-widget-typography-font-size-300);
192
- --vbr-widget-gamecenter-gamestatus-color: var(--vbr-widget-primary-color-600);
193
- --vbr-widget-gamecenter-gamestatus-size: var(--vbr-widget-typography-font-size-400);
194
- --vbr-widget-gamecenter-periodresults-color: var(--vbr-widget-primary-color-600);
195
- --vbr-widget-gamecenter-periodresults-size: var(--vbr-widget-typography-font-size-700);
196
- --vbr-widget-gamecenter-period-header-bg-color: var(--vbr-widget-primary-color-800);
197
- --vbr-widget-gamecenter-period-header-color: var(--vbr-widget-primary-color-0);
198
- --vbr-widget-gamecenter-period-header-size: var(--vbr-widget-typography-font-size-300);
199
- --vbr-widget-gamecenter-period-header-weight: 500;
200
- --vbr-widget-gamecenter-stats-bg-color: var(--vbr-widget-primary-color-50);
201
- --vbr-widget-gamecenter-stats-border-color: var(--vbr-widget-primary-color-100);
202
- --vbr-widget-gamecenter-stats-title-size: var(--vbr-widget-typography-font-size-300);
203
- --vbr-widget-gamecenter-stats-title-color: var(--vbr-widget-primary-color-400);
204
- --vbr-widget-gamecenter-stats-size: var(--vbr-widget-typography-font-size-500);
205
- --vbr-widget-gamecenter-stats-color: var(--vbr-widget-primary-color-800);
206
-
207
- --vbr-widget-gamecenter-team-container-title-color: var(--vbr-widget-primary-color-800);
208
- --vbr-widget-gamecenter-team-container-title-bg-color: var(--vbr-widget-primary-color-100);
209
- --vbr-widget-gamecenter-team-container-border-color: var(--vbr-widget-primary-color-100);
210
-
211
- --vbr-widget-gamecenter-events-evented-person-size: var(--vbr-widget-typography-font-size-500);
212
- --vbr-widget-gamecenter-events-evented-person-weight: 600;
213
- --vbr-widget-gamecenter-events-assitst-list-size: var(--vbr-widget-typography-font-size-400);
214
- --vbr-widget-gamecenter-events-poi-list-size: var(--vbr-widget-typography-font-size-200);
215
- --vbr-widget-gamecenter-events-score-size: var(--vbr-widget-typography-font-size-500);
216
- --vbr-widget-gamecenter-events-penalty-size: var(--vbr-widget-typography-font-size-400);
217
- --vbr-widget-gamecenter-events-goalie-direction-size: var(--vbr-widget-typography-font-size-400);
218
- --vbr-widget-gamecenter-events-timeout-bg-color: #2870ed;
219
-
220
- --vbr-widget-gamecenter-card-title-color: var(--vbr-widget-primary-color-900);
221
- --vbr-widget-gamecenter-card-secondary-color: var(--vbr-widget-primary-color-500);
222
- --vbr-widget-gamecenter-card-tertiary-color: var(--vbr-widget-primary-color-300);
223
- --vbr-widget-gamecenter-card-border-color: var(--vbr-widget-primary-color-100);
224
- --vbr-widget-gamecenter-card-bg-color: var(--vbr-widget-primary-color-0);
225
-
226
- --vbr-widget-gamecenter-card-event-goal-border-color: var(--vbr-widget-primary-color-700);
227
- --vbr-widget-gamecenter-card-event-goal-bg-color: var(--vbr-widget-primary-color-700);
228
-
229
- --vbr-widget-gamecenter-home-team-identifier-color: #2870ed;
230
- --vbr-widget-gamecenter-away-team-identifier-color: #ff6129;
231
- --vbr-widget-gamecenter-home-team-identifier-border-color: transparent;
232
- --vbr-widget-gamecenter-away-team-identifier-border-color: transparent;
233
-
234
- --vbr-widget-main-image-wrapper-horizontal-margin: 0;
235
-
236
- --vbr-widget-sticky-top-offset: 0;
237
-
238
- --vbr-widget-games-timeline-game-date-size: var(--vbr-widget-typography-font-size-100);
239
- --vbr-widget-games-timeline-game-date-color: var(--vbr-widget-primary-color-500);
240
- --vbr-widget-games-timeline-game-team-color: var(--vbr-widget-primary-color-700);
241
- --vbr-widget-games-timeline-game-team-size: var(--vbr-widget-typography-font-size-300);
242
- --vbr-widget-games-timeline-game-status-color: var(--vbr-widget-primary-color-300);
243
- --vbr-widget-games-timeline-game-status-size: var(--vbr-widget-typography-font-size-200);
244
- --vbr-widget-games-timeline-game-hover-bg-color: linear-gradient(#fff, #f5f6f7 50%, #fff);
245
- --vbr-widget-games-timeline-arrow-color: var(--vbr-widget-primary-color-300);
246
- --vbr-widget-games-timeline-arrow-hover-color: var(--vbr-widget-primary-color-500);
247
- --vbr-widget-games-timeline-arrow-disabled-color: var(--vbr-widget-primary-color-100);
248
- --vbr-widget-games-timeline-arrow-border-color: var(--vbr-widget-primary-color-100);
249
- --vbr-widget-games-timeline-external-link-color: var(--vbr-widget-primary-color-500);
250
- --vbr-widget-games-timeline-external-link-size: var(--vbr-widget-typography-font-size-200);
251
- }