@mjsz-vbr-elements/shared 2.1.0-beta.39 → 2.1.0-beta.41
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.
- package/dist/css/common.css +19 -0
- package/dist/css/forms.css +20 -0
- package/dist/css/table.css +19 -0
- package/package.json +1 -1
package/dist/css/common.css
CHANGED
|
@@ -67,6 +67,7 @@ ul {
|
|
|
67
67
|
--vbr-widget-danger-color-a400: #ff1744;
|
|
68
68
|
|
|
69
69
|
--vbr-widget-live-game-color: #8bc34a;
|
|
70
|
+
--vbr-widget-neutral-color: #ffc107;
|
|
70
71
|
|
|
71
72
|
--vbr-widget-typography-text-xs-size: 0.75rem; /* 12px */
|
|
72
73
|
--vbr-widget-typography-text-xs-lineheight: 1.25rem; /* 20px */
|
|
@@ -166,6 +167,14 @@ ul {
|
|
|
166
167
|
--vbr-widget-tab-btn-active-color: var(--vbr-widget-primary-color-900);
|
|
167
168
|
--vbr-widget-tab-btn-active-border-color: var(--vbr-widget-secondary-color-500);
|
|
168
169
|
|
|
170
|
+
--vbr-widget-toggle-group-gap: 0.625rem;
|
|
171
|
+
--vbr-widget-toggle-group-btn-padding: 3px 10px;
|
|
172
|
+
--vbr-widget-toggle-group-btn-size: var(--vbr-widget-typography-text-sm-size);
|
|
173
|
+
--vbr-widget-toggle-group-btn-bg-color: var(--vbr-widget-primary-color-50);
|
|
174
|
+
--vbr-widget-toggle-group-btn-active-color: var(--vbr-widget-primary-color-0);
|
|
175
|
+
--vbr-widget-toggle-group-btn-active-bg-color: var(--vbr-widget-live-game-color);
|
|
176
|
+
--vbr-widget-toggle-group-btn-radius: 4px;
|
|
177
|
+
|
|
169
178
|
--vbr-widget-progress-height: 10px;
|
|
170
179
|
--vbr-widget-progress-border-radius: 5px;
|
|
171
180
|
--vbr-widget-progress-bg-color: var(--vbr-widget-primary-color-50);
|
|
@@ -342,6 +351,16 @@ a:hover {
|
|
|
342
351
|
background-color: var(--vbr-widget-live-game-color);
|
|
343
352
|
}
|
|
344
353
|
|
|
354
|
+
.is-badge.is-red {
|
|
355
|
+
color: var(--vbr-widget-primary-color-0);
|
|
356
|
+
background-color: var(--vbr-widget-danger-color-a400);
|
|
357
|
+
}
|
|
358
|
+
|
|
359
|
+
.is-badge.is-yellow {
|
|
360
|
+
color: var(--vbr-widget-primary-color-0);
|
|
361
|
+
background-color: var(--vbr-widget-neutral-color);
|
|
362
|
+
}
|
|
363
|
+
|
|
345
364
|
.is-badge.is-large {
|
|
346
365
|
font-size: var(--vbr-widget-badge-large-font-size);
|
|
347
366
|
padding: 0.15rem 0.35rem;
|
package/dist/css/forms.css
CHANGED
|
@@ -62,3 +62,23 @@ label {
|
|
|
62
62
|
border-color: var(--vbr-widget-tab-btn-active-border-color);
|
|
63
63
|
background-color: var(--vbr-widget-tab-btn-active-bg-color);
|
|
64
64
|
}
|
|
65
|
+
|
|
66
|
+
.mjsz-vbr-toggle-group {
|
|
67
|
+
display: flex;
|
|
68
|
+
flex-wrap: wrap;
|
|
69
|
+
gap: var(--vbr-widget-toggle-group-gap);
|
|
70
|
+
margin-bottom: 15px;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.mjsz-vbr-toggle-group button {
|
|
74
|
+
padding: var(--vbr-widget-toggle-group-btn-padding);
|
|
75
|
+
font-family: inherit;
|
|
76
|
+
font-size: var(--vbr-widget-toggle-group-btn-size);
|
|
77
|
+
background-color: var(--vbr-widget-toggle-group-btn-bg-color);
|
|
78
|
+
border-radius: var(--vbr-widget-toggle-group-btn-radius);
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.mjsz-vbr-toggle-group button.is-active {
|
|
82
|
+
color: var(--vbr-widget-toggle-group-btn-active-color);
|
|
83
|
+
background-color: var(--vbr-widget-toggle-group-btn-active-bg-color);
|
|
84
|
+
}
|
package/dist/css/table.css
CHANGED
|
@@ -137,6 +137,21 @@
|
|
|
137
137
|
width: auto;
|
|
138
138
|
}
|
|
139
139
|
|
|
140
|
+
.mjsz-vbr-table td.is-horizontal-content {
|
|
141
|
+
display: inline-flex;
|
|
142
|
+
align-items: center;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.mjsz-vbr-table td.is-text-positive,
|
|
146
|
+
.mjsz-vbr-table td .is-text-positive {
|
|
147
|
+
color: var(--vbr-widget-live-game-color);
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.mjsz-vbr-table td.is-text-negative,
|
|
151
|
+
.mjsz-vbr-table td .is-text-negative {
|
|
152
|
+
color: var(--vbr-widget-danger-color-a400);
|
|
153
|
+
}
|
|
154
|
+
|
|
140
155
|
.mjsz-vbr-table td svg {
|
|
141
156
|
width: 16px;
|
|
142
157
|
height: 16px;
|
|
@@ -224,6 +239,10 @@
|
|
|
224
239
|
color: var(--vbr-widget-table-neutral-color);
|
|
225
240
|
}
|
|
226
241
|
|
|
242
|
+
.mjsz-vbr-table tr.is-highlighted {
|
|
243
|
+
color: var(--vbr-widget-danger-color-a400);
|
|
244
|
+
}
|
|
245
|
+
|
|
227
246
|
.mjsz-vbr-table tr:nth-child(even) {
|
|
228
247
|
background-color: var(--vbr-widget-table-stripped-bg-color);
|
|
229
248
|
}
|
package/package.json
CHANGED