@epam/assets 5.11.0-rc.0 → 5.11.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.
- package/css/theme/theme_eduverse_dark.css +56 -8
- package/css/theme/theme_eduverse_dark.css.map +1 -1
- package/css/theme/theme_eduverse_light.css +58 -20
- package/css/theme/theme_eduverse_light.css.map +1 -1
- package/css/theme/theme_electric.css +17 -10
- package/css/theme/theme_electric.css.map +1 -1
- package/css/theme/theme_loveship.css +17 -1
- package/css/theme/theme_loveship.css.map +1 -1
- package/css/theme/theme_loveship_dark.css +17 -1
- package/css/theme/theme_loveship_dark.css.map +1 -1
- package/css/theme/theme_promo.css +17 -1
- package/css/theme/theme_promo.css.map +1 -1
- package/css/theme/theme_vanilla_thunder.css +17 -1
- package/css/theme/theme_vanilla_thunder.css.map +1 -1
- package/package.json +2 -2
- package/theme/theme_eduverse_dark.scss +46 -7
- package/theme/theme_eduverse_light.scss +50 -22
- package/theme/variables/6px_grid.scss +25 -1
- package/theme/variables/electric.scss +1 -11
|
@@ -139,9 +139,18 @@
|
|
|
139
139
|
--uui-font-size: 14px;
|
|
140
140
|
}
|
|
141
141
|
|
|
142
|
+
.uui-tab-button.uui-vertical-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60) {
|
|
143
|
+
--uui-horizontal-padding: 12px;
|
|
144
|
+
--uui-horizontal-gap: 6px;
|
|
145
|
+
}
|
|
146
|
+
|
|
142
147
|
.uui-tag {
|
|
143
148
|
&.uui-size-18 {
|
|
144
149
|
--uui-font-size: 12px;
|
|
150
|
+
|
|
151
|
+
.uui-caption {
|
|
152
|
+
--uui-tag-horizontal-gap: 0;
|
|
153
|
+
}
|
|
145
154
|
}
|
|
146
155
|
|
|
147
156
|
&.uui-size-24 {
|
|
@@ -213,10 +222,12 @@
|
|
|
213
222
|
.uui-badge {
|
|
214
223
|
&.uui-size-18 {
|
|
215
224
|
--uui-font-size: 12px;
|
|
225
|
+
--uui-horizontal-padding: 6px;
|
|
226
|
+
--uui-badge-caption-horizontal-padding: 0;
|
|
227
|
+
--uui-badge-indicator-padding: 3px;
|
|
216
228
|
}
|
|
217
229
|
|
|
218
230
|
&.uui-size-24 {
|
|
219
|
-
--uui-horizontal-padding: 3px;
|
|
220
231
|
--uui-icon-size: 18px;
|
|
221
232
|
--uui-line-height: 12px;
|
|
222
233
|
}
|
|
@@ -227,6 +238,19 @@
|
|
|
227
238
|
|
|
228
239
|
&.uui-size-42 {
|
|
229
240
|
--uui-icon-size: 24px;
|
|
241
|
+
--uui-horizontal-padding: 15px;
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
&.uui-size-48 {
|
|
245
|
+
--uui-horizontal-padding: 15px;
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
&.uui-size-24,
|
|
249
|
+
&.uui-size-30,
|
|
250
|
+
&.uui-size-36,
|
|
251
|
+
&.uui-size-42,
|
|
252
|
+
&.uui-size-48 {
|
|
253
|
+
--uui-horizontal-gap: 3px;
|
|
230
254
|
}
|
|
231
255
|
}
|
|
232
256
|
|
|
@@ -270,16 +270,6 @@
|
|
|
270
270
|
|
|
271
271
|
/* IconButton */
|
|
272
272
|
|
|
273
|
-
.uui-icon_button.uui-color-neutral {
|
|
274
|
-
--uui-color-5: var(--uui-secondary-5);
|
|
275
|
-
--uui-color-10: var(--uui-secondary-10);
|
|
276
|
-
--uui-color-20: var(--uui-secondary-20);
|
|
277
|
-
--uui-color-50: var(--uui-secondary-50);
|
|
278
|
-
--uui-color-60: var(--uui-secondary-60);
|
|
279
|
-
--uui-color-70: var(--uui-secondary-70);
|
|
280
|
-
--uui-color-contrast: var(--white);
|
|
281
|
-
}
|
|
282
|
-
|
|
283
273
|
.uui-icon_button.uui-color-white {
|
|
284
274
|
--uui-icon_btn-hover: var(--uui-neutral-20);
|
|
285
275
|
--uui-icon_btn-active: var(--uui-neutral-30);
|
|
@@ -505,4 +495,4 @@
|
|
|
505
495
|
font-size: 18px;
|
|
506
496
|
}
|
|
507
497
|
}
|
|
508
|
-
}
|
|
498
|
+
}
|