@ihk-gfi/lux-components-theme 16.1.0 → 16.3.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/package.json +30 -4
- package/prebuilt-themes/luxtheme-authentic-min.css +1 -1
- package/prebuilt-themes/luxtheme-authentic-min.css.map +1 -1
- package/prebuilt-themes/luxtheme-authentic.css +79 -0
- package/prebuilt-themes/luxtheme-authentic.css.map +1 -1
- package/prebuilt-themes/luxtheme-green-min.css +1 -1
- package/prebuilt-themes/luxtheme-green-min.css.map +1 -1
- package/prebuilt-themes/luxtheme-green.css +104 -2
- package/prebuilt-themes/luxtheme-green.css.map +1 -1
- package/src/base/_luxcomponents.scss +1 -0
- package/src/base/components/_luxBreadcrumb.scss +90 -0
- package/src/base/components/_luxTextbox.scss +4 -0
- package/src/green/_custom.scss +41 -8
|
@@ -4811,6 +4811,9 @@ lux-textbox .lux-textbox-container .lux-textbox-content p {
|
|
|
4811
4811
|
padding: 0;
|
|
4812
4812
|
margin: 0;
|
|
4813
4813
|
}
|
|
4814
|
+
lux-textbox .lux-textbox-container .lux-textbox-content:empty {
|
|
4815
|
+
display: none;
|
|
4816
|
+
}
|
|
4814
4817
|
lux-textbox .lux-textbox-container.lux-no-icon {
|
|
4815
4818
|
grid-template-columns: 1fr;
|
|
4816
4819
|
}
|
|
@@ -6348,6 +6351,82 @@ lux-tour-hint-preset .tour-hint-container .tour-hint-inner-container .tour-hint-
|
|
|
6348
6351
|
grid-column-end: 4;
|
|
6349
6352
|
}
|
|
6350
6353
|
|
|
6354
|
+
lux-breadcrumb {
|
|
6355
|
+
padding: 8px;
|
|
6356
|
+
margin: 20px 0 36px 0;
|
|
6357
|
+
display: flex;
|
|
6358
|
+
box-sizing: border-box;
|
|
6359
|
+
}
|
|
6360
|
+
@media screen and (max-width: 959px) {
|
|
6361
|
+
lux-breadcrumb {
|
|
6362
|
+
margin: 14px 0;
|
|
6363
|
+
}
|
|
6364
|
+
}
|
|
6365
|
+
lux-breadcrumb .lux-breadcrumb {
|
|
6366
|
+
margin: -8px;
|
|
6367
|
+
padding: 8px;
|
|
6368
|
+
display: inline-flex;
|
|
6369
|
+
flex-wrap: nowrap;
|
|
6370
|
+
white-space: nowrap;
|
|
6371
|
+
justify-content: flex-start;
|
|
6372
|
+
gap: 9px;
|
|
6373
|
+
align-items: baseline;
|
|
6374
|
+
overflow: auto;
|
|
6375
|
+
max-width: 100%;
|
|
6376
|
+
}
|
|
6377
|
+
lux-breadcrumb .lux-breadcrumb-container {
|
|
6378
|
+
padding: 0%;
|
|
6379
|
+
margin: 0px -2px;
|
|
6380
|
+
}
|
|
6381
|
+
lux-breadcrumb .lux-breadcrumb-item {
|
|
6382
|
+
display: inline-flex;
|
|
6383
|
+
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
|
|
6384
|
+
font-size: 1.125rem;
|
|
6385
|
+
font-weight: 500;
|
|
6386
|
+
text-decoration: underline;
|
|
6387
|
+
color: var(--lux-theme-primary-color);
|
|
6388
|
+
list-style-type: none;
|
|
6389
|
+
box-sizing: border-box;
|
|
6390
|
+
}
|
|
6391
|
+
lux-breadcrumb .lux-breadcrumb-item.lux-breadcrumb-item-mobile {
|
|
6392
|
+
font-size: 1rem;
|
|
6393
|
+
gap: 6px;
|
|
6394
|
+
}
|
|
6395
|
+
lux-breadcrumb .lux-breadcrumb-item :focus-visible {
|
|
6396
|
+
outline: 4px solid rgb(0, 152, 218) !important;
|
|
6397
|
+
border-radius: 2px;
|
|
6398
|
+
}
|
|
6399
|
+
lux-breadcrumb .lux-breadcrumb-item :hover {
|
|
6400
|
+
color: #4d7094;
|
|
6401
|
+
text-decoration: underline;
|
|
6402
|
+
cursor: pointer;
|
|
6403
|
+
}
|
|
6404
|
+
lux-breadcrumb .lux-breadcrumb-item lux-icon {
|
|
6405
|
+
cursor: default;
|
|
6406
|
+
}
|
|
6407
|
+
lux-breadcrumb .lux-breadcrumb-item lux-icon :hover {
|
|
6408
|
+
color: var(--lux-theme-primary-color);
|
|
6409
|
+
cursor: default;
|
|
6410
|
+
}
|
|
6411
|
+
lux-breadcrumb .lux-breadcrumb-item a {
|
|
6412
|
+
padding: 2px 4px;
|
|
6413
|
+
color: var(--lux-theme-primary-color);
|
|
6414
|
+
margin: 0px -2px;
|
|
6415
|
+
white-space: nowrap;
|
|
6416
|
+
}
|
|
6417
|
+
lux-breadcrumb .lux-breadcrumb-current-item {
|
|
6418
|
+
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
|
|
6419
|
+
font-size: 1.125rem;
|
|
6420
|
+
font-weight: 500;
|
|
6421
|
+
color: var(--lux-theme-primary-color);
|
|
6422
|
+
list-style-type: none;
|
|
6423
|
+
padding: 4px;
|
|
6424
|
+
box-sizing: border-box;
|
|
6425
|
+
}
|
|
6426
|
+
lux-breadcrumb .lux-breadcrumb-current-item.lux-breadcrumb-current-item-mobile {
|
|
6427
|
+
font-size: 1rem;
|
|
6428
|
+
}
|
|
6429
|
+
|
|
6351
6430
|
/*
|
|
6352
6431
|
* Theming for LUX-App-Content
|
|
6353
6432
|
*/
|