@inera/ids-design 5.0.3 → 5.1.1
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/components/alert/alert-lit.js +1 -1
- package/components/alert/alert.css +2 -1
- package/components/alert-global/alert-global-lit.js +1 -1
- package/components/alert-global/alert-global.css +1 -1
- package/components/badge/badge-lit.js +1 -1
- package/components/badge/badge.css +9 -9
- package/components/breadcrumbs/breadcrumbs.css +1 -0
- package/components/card/card.css +1 -0
- package/components/data-table/data-table-lit.js +1 -1
- package/components/data-table/data-table.css +3 -0
- package/components/description-list/description-list-lit.js +7 -0
- package/components/description-list/description-list.css +98 -0
- package/components/dialog/dialog.css +1 -0
- package/components/dropdown/dropdown-lit.js +9 -0
- package/components/dropdown/dropdown.css +118 -0
- package/components/expandable/expandable-lit.js +1 -1
- package/components/expandable/expandable.css +18 -11
- package/components/footer/footer-lit.js +1 -1
- package/components/footer/footer.css +3 -1
- package/components/footer-1177/footer-1177-lit.js +1 -1
- package/components/footer-1177/footer-1177.css +6 -6
- package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
- package/components/footer-1177-admin/footer-1177-admin.css +12 -12
- package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
- package/components/footer-1177-pro/footer-1177-pro.css +14 -12
- package/components/footer-inera/footer-inera-lit.js +1 -1
- package/components/footer-inera/footer-inera.css +6 -6
- package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
- package/components/footer-inera-admin/footer-inera-admin.css +17 -8
- package/components/form/error-message/error-message-lit.js +1 -1
- package/components/form/error-message/error-message.css +1 -1
- package/components/form/select-multiple/select-multiple-lit.js +1 -1
- package/components/form/select-multiple/select-multiple.css +4 -2
- package/components/form/toggle/toggle.css +1 -0
- package/components/header-1177/composite-header-1177.css +76 -40
- package/components/header-1177/header-1177-avatar.css +1 -0
- package/components/header-1177/header-1177-item.css +1 -0
- package/components/header-1177/header-1177-lit.js +1 -1
- package/components/header-1177/header-1177-nav-item-lit.js +1 -1
- package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
- package/components/header-1177/header-1177-nav-item-mobile.css +18 -0
- package/components/header-1177/header-1177-nav-item.css +5 -0
- package/components/header-1177/header-1177-nav-lit.js +1 -1
- package/components/header-1177/header-1177-nav.css +0 -8
- package/components/header-1177/header-1177.css +51 -32
- package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +1 -0
- package/components/header-1177-admin/header-1177-admin-avatar.css +1 -0
- package/components/header-1177-admin/header-1177-admin-item.css +1 -0
- package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-nav-item.css +5 -0
- package/components/header-1177-admin/header-1177-admin.css +1 -0
- package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +1 -0
- package/components/header-1177-pro/header-1177-pro-avatar.css +1 -0
- package/components/header-1177-pro/header-1177-pro-item.css +1 -0
- package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-nav-item.css +5 -0
- package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css +1 -0
- package/components/header-1177-pro/header-1177-pro-region-picker.css +1 -0
- package/components/header-1177-pro/header-1177-pro.css +1 -0
- package/components/header-inera/header-inera-item-lit.d.ts +2 -0
- package/components/header-inera/header-inera-item-lit.js +7 -0
- package/components/header-inera/header-inera-item.css +95 -0
- package/components/header-inera/header-inera-lit.d.ts +2 -0
- package/components/header-inera/header-inera-lit.js +7 -0
- package/components/header-inera/header-inera-nav-item-lit.d.ts +2 -0
- package/components/header-inera/header-inera-nav-item-lit.js +7 -0
- package/components/header-inera/header-inera-nav-item.css +199 -0
- package/components/header-inera/header-inera-nav-lit.d.ts +2 -0
- package/components/header-inera/header-inera-nav-lit.js +7 -0
- package/components/header-inera/header-inera-nav-mobile-lit.d.ts +2 -0
- package/components/header-inera/header-inera-nav-mobile-lit.js +7 -0
- package/components/header-inera/header-inera-nav-mobile.css +131 -0
- package/components/header-inera/header-inera-nav.css +53 -0
- package/components/header-inera/header-inera.css +101 -0
- package/components/header-inera-admin/composite-header-inera-admin.css +845 -0
- package/components/header-inera-admin/header-inera-admin-avatar-lit.js +7 -0
- package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.d.ts +2 -0
- package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +7 -0
- package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +72 -0
- package/components/header-inera-admin/header-inera-admin-avatar.css +143 -0
- package/components/header-inera-admin/header-inera-admin-item-lit.d.ts +2 -0
- package/components/header-inera-admin/header-inera-admin-item-lit.js +7 -0
- package/components/header-inera-admin/header-inera-admin-item.css +95 -0
- package/components/header-inera-admin/header-inera-admin-lit.d.ts +2 -0
- package/components/header-inera-admin/header-inera-admin-lit.js +7 -0
- package/components/header-inera-admin/header-inera-admin-nav-item-lit.d.ts +2 -0
- package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +7 -0
- package/components/header-inera-admin/header-inera-admin-nav-item.css +198 -0
- package/components/header-inera-admin/header-inera-admin-nav-lit.d.ts +2 -0
- package/components/header-inera-admin/header-inera-admin-nav-lit.js +7 -0
- package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.d.ts +2 -0
- package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.js +7 -0
- package/components/header-inera-admin/header-inera-admin-nav-mobile.css +131 -0
- package/components/header-inera-admin/header-inera-admin-nav.css +53 -0
- package/components/header-inera-admin/header-inera-admin.css +147 -0
- package/components/list/list-lit.js +1 -1
- package/components/list/list.css +4 -3
- package/components/mobile-menu/mobile-menu-lit.js +1 -1
- package/components/mobile-menu/mobile-menu.css +23 -22
- package/components/navigation/content/navigation-content-lit.d.ts +2 -0
- package/components/navigation/content/navigation-content-lit.js +7 -0
- package/components/navigation/content/navigation-content.css +67 -0
- package/components/navigation/local/navigation-local-lit.d.ts +2 -0
- package/components/navigation/local/navigation-local-lit.js +7 -0
- package/components/navigation/local/navigation-local.css +85 -0
- package/components/pagination/data-pagination/data-pagination-lit.d.ts +2 -0
- package/components/pagination/data-pagination/data-pagination-lit.js +7 -0
- package/components/pagination/data-pagination/data-pagination.css +141 -0
- package/components/pagination/list-pagination/list-pagination-lit.d.ts +2 -0
- package/components/pagination/list-pagination/list-pagination-lit.js +9 -0
- package/components/pagination/list-pagination/list-pagination.css +152 -0
- package/components/popover/popover-content-lit.d.ts +2 -0
- package/components/popover/popover-content-lit.js +7 -0
- package/components/{popover-content → popover}/popover-content.css +9 -8
- package/components/popover/popover-lit.js +1 -1
- package/components/popover/popover.css +3 -12
- package/components/stepper/stepper-lit.d.ts +2 -0
- package/components/stepper/stepper-lit.js +7 -0
- package/components/stepper/stepper.css +160 -0
- package/components/tabs/tab-lit.d.ts +2 -0
- package/components/tabs/tab-lit.js +7 -0
- package/components/tabs/tab-panel-lit.d.ts +2 -0
- package/components/tabs/tab-panel-lit.js +7 -0
- package/components/tabs/tab-panel.css +27 -0
- package/components/tabs/tab.css +96 -0
- package/components/tabs/tabs-lit.js +2 -2
- package/components/tabs/tabs.css +1 -87
- package/components/tag/tag-lit.js +1 -1
- package/components/tag/tag.css +46 -6
- package/components/tooltip/tooltip-lit.d.ts +2 -0
- package/components/tooltip/tooltip-lit.js +7 -0
- package/components/tooltip/tooltip.css +87 -0
- package/global/_partials.css +2 -1
- package/global/global.css +661 -63
- package/global/util/util.css +24 -0
- package/package.json +2 -1
- package/themes/1177/1177.css +846 -242
- package/themes/1177-pro/1177-pro.css +867 -244
- package/themes/inera/inera.css +848 -234
- package/themes/inera-admin/inera-admin.css +866 -236
- package/components/button/button-lit.js +0 -7
- package/components/button/button.css +0 -308
- package/components/link/link-lit.js +0 -7
- package/components/link/link.css +0 -131
- package/components/popover-content/popover-content-lit.js +0 -7
- /package/components/{button/button-lit.d.ts → description-list/description-list-lit.d.ts} +0 -0
- /package/components/{link/link-lit.d.ts → dropdown/dropdown-lit.d.ts} +0 -0
- /package/components/{popover-content/popover-content-lit.d.ts → header-inera-admin/header-inera-admin-avatar-lit.d.ts} +0 -0
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
/*******
|
|
6
6
|
* Accessibility
|
|
7
7
|
********/
|
|
8
|
+
/* headings */
|
|
8
9
|
@media (max-width: 1023px) {
|
|
9
10
|
.ids-desktop {
|
|
10
11
|
display: none !important;
|
|
@@ -27,6 +28,7 @@
|
|
|
27
28
|
outline: inherit;
|
|
28
29
|
color: var(--IDS-COLOR-PRIMARY-35);
|
|
29
30
|
font-size: 0.875rem;
|
|
31
|
+
border-right: none !important;
|
|
30
32
|
}
|
|
31
33
|
.ids-header-1177__nav-mobile__menu .ids-hamburger {
|
|
32
34
|
transition: 0.2s;
|
|
@@ -124,6 +126,7 @@
|
|
|
124
126
|
height: 48px;
|
|
125
127
|
position: relative;
|
|
126
128
|
color: var(--IDS-COLOR-PRIMARY-35);
|
|
129
|
+
border-right: 1px solid rgba(160, 11, 54, 0.2);
|
|
127
130
|
}
|
|
128
131
|
.ids-header-1177--unresponsive .ids-header-1177__nav-mobile__item a,
|
|
129
132
|
.ids-header-1177--unresponsive .ids-header-1177__nav-mobile__item button {
|
|
@@ -143,6 +146,9 @@
|
|
|
143
146
|
align-items: center;
|
|
144
147
|
justify-content: center;
|
|
145
148
|
}
|
|
149
|
+
.ids-header-1177--unresponsive .ids-header-1177__nav-mobile__item:has(.ids-header-1177__nav-mobile__menu) {
|
|
150
|
+
border-right: none;
|
|
151
|
+
}
|
|
146
152
|
.ids-header-1177--unresponsive .ids-header-1177__nav-mobile__item:focus-within {
|
|
147
153
|
outline: var(--IDS-FOCUS_OUTLINE);
|
|
148
154
|
outline-offset: -2px !important;
|
|
@@ -163,6 +169,7 @@
|
|
|
163
169
|
height: 48px;
|
|
164
170
|
position: relative;
|
|
165
171
|
color: var(--IDS-COLOR-PRIMARY-35);
|
|
172
|
+
border-right: 1px solid rgba(160, 11, 54, 0.2);
|
|
166
173
|
}
|
|
167
174
|
.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile__item a,
|
|
168
175
|
.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile__item button {
|
|
@@ -182,6 +189,9 @@
|
|
|
182
189
|
align-items: center;
|
|
183
190
|
justify-content: center;
|
|
184
191
|
}
|
|
192
|
+
.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile__item:has(.ids-header-1177__nav-mobile__menu) {
|
|
193
|
+
border-right: none;
|
|
194
|
+
}
|
|
185
195
|
.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile__item:focus-within {
|
|
186
196
|
outline: var(--IDS-FOCUS_OUTLINE);
|
|
187
197
|
outline-offset: -2px !important;
|
|
@@ -207,6 +217,7 @@
|
|
|
207
217
|
height: 48px;
|
|
208
218
|
position: relative;
|
|
209
219
|
color: var(--IDS-COLOR-PRIMARY-35);
|
|
220
|
+
border-right: 1px solid rgba(160, 11, 54, 0.2);
|
|
210
221
|
}
|
|
211
222
|
:host .ids-header-1177__nav-mobile__item:not(.ids-header-1177__nav-mobile__item--unresponsive) a,
|
|
212
223
|
:host .ids-header-1177__nav-mobile__item:not(.ids-header-1177__nav-mobile__item--unresponsive) button {
|
|
@@ -226,6 +237,9 @@
|
|
|
226
237
|
align-items: center;
|
|
227
238
|
justify-content: center;
|
|
228
239
|
}
|
|
240
|
+
:host .ids-header-1177__nav-mobile__item:not(.ids-header-1177__nav-mobile__item--unresponsive):has(.ids-header-1177__nav-mobile__menu) {
|
|
241
|
+
border-right: none;
|
|
242
|
+
}
|
|
229
243
|
:host .ids-header-1177__nav-mobile__item:not(.ids-header-1177__nav-mobile__item--unresponsive):focus-within {
|
|
230
244
|
outline: var(--IDS-FOCUS_OUTLINE);
|
|
231
245
|
outline-offset: -2px !important;
|
|
@@ -250,6 +264,7 @@
|
|
|
250
264
|
height: 48px;
|
|
251
265
|
position: relative;
|
|
252
266
|
color: var(--IDS-COLOR-PRIMARY-35);
|
|
267
|
+
border-right: 1px solid rgba(160, 11, 54, 0.2);
|
|
253
268
|
}
|
|
254
269
|
:host .ids-header-1177__nav-mobile__item.ids-header-1177__nav-mobile__item--unresponsive a,
|
|
255
270
|
:host .ids-header-1177__nav-mobile__item.ids-header-1177__nav-mobile__item--unresponsive button {
|
|
@@ -269,6 +284,9 @@
|
|
|
269
284
|
align-items: center;
|
|
270
285
|
justify-content: center;
|
|
271
286
|
}
|
|
287
|
+
:host .ids-header-1177__nav-mobile__item.ids-header-1177__nav-mobile__item--unresponsive:has(.ids-header-1177__nav-mobile__menu) {
|
|
288
|
+
border-right: none;
|
|
289
|
+
}
|
|
272
290
|
:host .ids-header-1177__nav-mobile__item.ids-header-1177__nav-mobile__item--unresponsive:focus-within {
|
|
273
291
|
outline: var(--IDS-FOCUS_OUTLINE);
|
|
274
292
|
outline-offset: -2px !important;
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
/*******
|
|
6
6
|
* Accessibility
|
|
7
7
|
********/
|
|
8
|
+
/* headings */
|
|
8
9
|
@media (max-width: 1023px) {
|
|
9
10
|
.ids-desktop {
|
|
10
11
|
display: none !important;
|
|
@@ -112,6 +113,7 @@
|
|
|
112
113
|
margin-right: 40px;
|
|
113
114
|
font-size: 1rem;
|
|
114
115
|
line-height: 24px;
|
|
116
|
+
padding-bottom: 10px;
|
|
115
117
|
}
|
|
116
118
|
.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
|
|
117
119
|
.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
|
|
@@ -215,6 +217,7 @@
|
|
|
215
217
|
margin-right: 40px;
|
|
216
218
|
font-size: 1rem;
|
|
217
219
|
line-height: 24px;
|
|
220
|
+
padding-bottom: 10px;
|
|
218
221
|
}
|
|
219
222
|
.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
|
|
220
223
|
.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
|
|
@@ -327,6 +330,7 @@
|
|
|
327
330
|
margin-right: 40px;
|
|
328
331
|
font-size: 1rem;
|
|
329
332
|
line-height: 24px;
|
|
333
|
+
padding-bottom: 10px;
|
|
330
334
|
}
|
|
331
335
|
:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
|
|
332
336
|
:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
|
|
@@ -434,6 +438,7 @@
|
|
|
434
438
|
margin-right: 40px;
|
|
435
439
|
font-size: 1rem;
|
|
436
440
|
line-height: 24px;
|
|
441
|
+
padding-bottom: 10px;
|
|
437
442
|
}
|
|
438
443
|
:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
|
|
439
444
|
:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177--unresponsive nav.ids-header-1177__nav{background-color:#fff;position:relative}.ids-header-1177--unresponsive nav.ids-header-1177__nav .ids-header-1177__nav-inner{background-color:var(--header-nav_background-color);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}.ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav{background-color:#fff;position:relative}.ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav .ids-header-1177__nav-inner{background-color:var(--header-nav_background-color);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav .ids-header-1177__nav-inner{background-color:var(--IDS-COLOR-PRIMARY-90);box-sizing:border-box;flex:1 1 auto;flex-wrap:wrap}
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177--unresponsive nav.ids-header-1177__nav{background-color:#fff;position:relative}.ids-header-1177--unresponsive nav.ids-header-1177__nav .ids-header-1177__nav-inner{background-color:var(--header-nav_background-color);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}.ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav{background-color:#fff;position:relative}.ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav .ids-header-1177__nav-inner{background-color:var(--header-nav_background-color);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav .ids-header-1177__nav-inner{background-color:var(--IDS-COLOR-PRIMARY-90);box-sizing:border-box;flex:1 1 auto;flex-wrap:wrap}}.ids-header-1177--fluid .ids-header-1177__container .ids-header-1177__nav-inner{max-width:100%!important}:host nav.ids-header-1177__nav:not(.ids-header-1177__nav--unresponsive){background-color:#fff;position:relative}:host nav.ids-header-1177__nav:not(.ids-header-1177__nav--unresponsive) .ids-header-1177__nav-inner{background-color:var(--header-nav_background-color);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}@media (max-width:1024px){:host nav.ids-header-1177__nav:not(.ids-header-1177__nav--unresponsive) .ids-header-1177__nav-inner{background-color:var(--IDS-COLOR-PRIMARY-90);box-sizing:border-box;flex:1 1 auto;flex-wrap:wrap}}:host nav.ids-header-1177__nav.ids-header-1177__nav--unresponsive{background-color:#fff;position:relative}:host nav.ids-header-1177__nav.ids-header-1177__nav--unresponsive .ids-header-1177__nav-inner{background-color:var(--header-nav_background-color);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}:host nav.ids-header-1177__nav.ids-header-1177__nav--fluid .ids-header-1177__nav-inner{max-width:100%}";
|
|
4
4
|
|
|
5
5
|
var header1177NavLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -46,10 +46,6 @@
|
|
|
46
46
|
flex: 1 1 auto;
|
|
47
47
|
box-sizing: border-box;
|
|
48
48
|
}
|
|
49
|
-
.ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav .ids-header-1177__nav-inner ::slotted(*:not(:last-child)),
|
|
50
|
-
.ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav .ids-header-1177__nav-inner *:not(:last-child) {
|
|
51
|
-
border-right: 1px solid rgba(160, 11, 54, 0.2);
|
|
52
|
-
}
|
|
53
49
|
}
|
|
54
50
|
|
|
55
51
|
.ids-header-1177--fluid .ids-header-1177__container .ids-header-1177__nav-inner {
|
|
@@ -77,10 +73,6 @@
|
|
|
77
73
|
flex: 1 1 auto;
|
|
78
74
|
box-sizing: border-box;
|
|
79
75
|
}
|
|
80
|
-
:host nav.ids-header-1177__nav:not(.ids-header-1177__nav--unresponsive) .ids-header-1177__nav-inner ::slotted(*:not(:last-child)),
|
|
81
|
-
:host nav.ids-header-1177__nav:not(.ids-header-1177__nav--unresponsive) .ids-header-1177__nav-inner *:not(:last-child) {
|
|
82
|
-
border-right: 1px solid rgba(160, 11, 54, 0.2);
|
|
83
|
-
}
|
|
84
76
|
}
|
|
85
77
|
:host nav.ids-header-1177__nav.ids-header-1177__nav--unresponsive {
|
|
86
78
|
position: relative;
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
/*******
|
|
6
6
|
* Accessibility
|
|
7
7
|
********/
|
|
8
|
+
/* headings */
|
|
8
9
|
@media (max-width: 1023px) {
|
|
9
10
|
.ids-desktop {
|
|
10
11
|
display: none !important;
|
|
@@ -374,26 +375,35 @@ header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav
|
|
|
374
375
|
display: flex;
|
|
375
376
|
}
|
|
376
377
|
}
|
|
377
|
-
header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__skip-to-content
|
|
378
|
-
|
|
379
|
-
left: 0px;
|
|
380
|
-
right: 0px;
|
|
381
|
-
text-align: center;
|
|
382
|
-
position: absolute;
|
|
383
|
-
background-color: white;
|
|
384
|
-
opacity: 0;
|
|
385
|
-
width: 0px;
|
|
386
|
-
height: 0px;
|
|
387
|
-
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
|
|
388
|
-
}
|
|
389
|
-
header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__skip-to-content:focus-within {
|
|
378
|
+
header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__skip-to-content ::slotted(a),
|
|
379
|
+
header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__skip-to-content a {
|
|
390
380
|
display: flex;
|
|
391
381
|
align-items: center;
|
|
392
382
|
justify-content: center;
|
|
393
|
-
|
|
394
|
-
width: inherit;
|
|
383
|
+
padding: 0 16px;
|
|
395
384
|
height: 48px;
|
|
396
|
-
|
|
385
|
+
text-align: center;
|
|
386
|
+
background-color: white;
|
|
387
|
+
box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px 0;
|
|
388
|
+
z-index: 10;
|
|
389
|
+
font-family: var(--IDS-LINK--FONT-FAMILY);
|
|
390
|
+
font-size: 16px;
|
|
391
|
+
color: var(--link-colorpreset-1_color);
|
|
392
|
+
text-decoration-color: var(--link-colorpreset-1_color);
|
|
393
|
+
text-decoration: underline;
|
|
394
|
+
position: absolute;
|
|
395
|
+
right: 0;
|
|
396
|
+
left: 0;
|
|
397
|
+
transform: translateY(-300%);
|
|
398
|
+
transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
399
|
+
}
|
|
400
|
+
header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__skip-to-content ::slotted(a:focus),
|
|
401
|
+
header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__skip-to-content a:focus {
|
|
402
|
+
transform: translateY(0);
|
|
403
|
+
transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
404
|
+
color: var(--link-colorpreset-1-hover_color);
|
|
405
|
+
text-decoration-color: var(--link-colorpreset-1-hover_color);
|
|
406
|
+
outline-offset: -8px !important;
|
|
397
407
|
}
|
|
398
408
|
@media (max-width: 1024px) {
|
|
399
409
|
header.ids-header-1177:not(.ids-header-1177--unresponsive) {
|
|
@@ -589,26 +599,35 @@ header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__nav-mobil
|
|
|
589
599
|
box-sizing: border-box;
|
|
590
600
|
height: 50px;
|
|
591
601
|
}
|
|
592
|
-
header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__skip-to-content
|
|
593
|
-
|
|
594
|
-
left: 0px;
|
|
595
|
-
right: 0px;
|
|
596
|
-
text-align: center;
|
|
597
|
-
position: absolute;
|
|
598
|
-
background-color: white;
|
|
599
|
-
opacity: 0;
|
|
600
|
-
width: 0px;
|
|
601
|
-
height: 0px;
|
|
602
|
-
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
|
|
603
|
-
}
|
|
604
|
-
header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__skip-to-content:focus-within {
|
|
602
|
+
header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__skip-to-content ::slotted(a),
|
|
603
|
+
header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__skip-to-content a {
|
|
605
604
|
display: flex;
|
|
606
605
|
align-items: center;
|
|
607
606
|
justify-content: center;
|
|
608
|
-
|
|
609
|
-
width: inherit;
|
|
607
|
+
padding: 0 16px;
|
|
610
608
|
height: 48px;
|
|
611
|
-
|
|
609
|
+
text-align: center;
|
|
610
|
+
background-color: white;
|
|
611
|
+
box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px 0;
|
|
612
|
+
z-index: 10;
|
|
613
|
+
font-family: var(--IDS-LINK--FONT-FAMILY);
|
|
614
|
+
font-size: 16px;
|
|
615
|
+
color: var(--link-colorpreset-1_color);
|
|
616
|
+
text-decoration-color: var(--link-colorpreset-1_color);
|
|
617
|
+
text-decoration: underline;
|
|
618
|
+
position: absolute;
|
|
619
|
+
right: 0;
|
|
620
|
+
left: 0;
|
|
621
|
+
transform: translateY(-300%);
|
|
622
|
+
transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
623
|
+
}
|
|
624
|
+
header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__skip-to-content ::slotted(a:focus),
|
|
625
|
+
header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__skip-to-content a:focus {
|
|
626
|
+
transform: translateY(0);
|
|
627
|
+
transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
628
|
+
color: var(--link-colorpreset-1-hover_color);
|
|
629
|
+
text-decoration-color: var(--link-colorpreset-1-hover_color);
|
|
630
|
+
outline-offset: -8px !important;
|
|
612
631
|
}
|
|
613
632
|
header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-header-1177__inner {
|
|
614
633
|
max-width: 100% !important;
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
/*******
|
|
6
6
|
* Accessibility
|
|
7
7
|
********/
|
|
8
|
+
/* headings */
|
|
8
9
|
:host .ids-header-1177-admin__avatar-mobile ::slotted([slot=logout]), :host .ids-header-1177-admin__avatar-mobile .ids-header-1177-admin__avatar-mobile__text, .ids-header-1177-admin__avatar-mobile a.ids-header-1177-admin__avatar-mobile__login {
|
|
9
10
|
font-family: var(--IDS-LINK--FONT-FAMILY);
|
|
10
11
|
color: var(--link-colorpreset-1_color);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item ::slotted(a),.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>a,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1.125rem!important;font-weight:400!important;height:100%;letter-spacing:-.5px;line-height:1rem;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>a:focus,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>a:focus:after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>a:hover:after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>button:focus:after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>button:hover:after{right:0;width:auto}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>a:after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>button:after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item ::slotted(a):after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item ::slotted(a:focus):after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item ::slotted(a:hover):after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--active ::slotted(a):after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--active button:after{right:0;width:auto}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:relative;position:absolute;top:100%;width:100%;z-index:-1}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content ::slotted(*){border-bottom:1px solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item ::slotted(a),.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>a,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1.125rem!important;font-weight:400!important;height:100%;letter-spacing:-.5px;line-height:1rem;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>a:focus,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>a:focus:after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>a:hover:after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>button:focus:after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>button:hover:after{right:0;width:auto}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>a:after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>button:after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item ::slotted(a):after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item ::slotted(a:focus):after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item ::slotted(a:hover):after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--active ::slotted(a):after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--active button:after{right:0;width:auto}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:relative;position:absolute;top:100%;width:100%;z-index:-1}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content ::slotted(*){border-bottom:1px solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px}@media (max-width:1024px){.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item{display:none}}.ids-header-1177-admin--fluid .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content{max-width:100%!important}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) ::slotted(a),:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>a,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1.125rem!important;font-weight:400!important;height:100%;letter-spacing:-.5px;line-height:1rem;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>a:focus,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>a:focus:after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>a:hover:after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>button:focus:after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>button:hover:after{right:0;width:auto}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>a:after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>button:after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) ::slotted(a):after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) ::slotted(a:focus):after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) ::slotted(a:hover):after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive).ids-header-1177-admin__nav-item--active ::slotted(a):after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive).ids-header-1177-admin__nav-item--active button:after{right:0;width:auto}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) .ids-header-1177-admin__items__item-dropdown{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:relative;position:absolute;top:100%;width:100%;z-index:-1}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content ::slotted(*){border-bottom:1px solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px}@media (max-width:1024px){:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive){display:none}}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive ::slotted(a),:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>a,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1.125rem!important;font-weight:400!important;height:100%;letter-spacing:-.5px;line-height:1rem;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>a:focus,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>a:focus:after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>a:hover:after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>button:focus:after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>button:hover:after{right:0;width:auto}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>a:after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>button:after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive ::slotted(a):after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive ::slotted(a:focus):after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive ::slotted(a:hover):after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive.ids-header-1177-admin__nav-item--active ::slotted(a):after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive.ids-header-1177-admin__nav-item--active button:after{right:0;width:auto}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive .ids-header-1177-admin__items__item-dropdown{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:relative;position:absolute;top:100%;width:100%;z-index:-1}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content ::slotted(*){border-bottom:1px solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--fluid .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content{max-width:100%!important}";
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item ::slotted(a),.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>a,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1.125rem!important;font-weight:400!important;height:100%;letter-spacing:-.5px;line-height:1rem;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>a:focus,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>a:focus:after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>a:hover:after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>button:focus:after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>button:hover:after{right:0;width:auto}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>a:after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item>button:after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item ::slotted(a):after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item ::slotted(a:focus):after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item ::slotted(a:hover):after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--active ::slotted(a):after,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--active button:after{right:0;width:auto}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:relative;position:absolute;top:100%;width:100%;z-index:-1}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content ::slotted(*){border-bottom:1px solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item ::slotted(a),.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>a,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1.125rem!important;font-weight:400!important;height:100%;letter-spacing:-.5px;line-height:1rem;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>a:focus,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>a:focus:after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>a:hover:after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>button:focus:after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>button:hover:after{right:0;width:auto}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>a:after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item>button:after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item ::slotted(a):after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item ::slotted(a:focus):after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item ::slotted(a:hover):after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--active ::slotted(a):after,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--active button:after{right:0;width:auto}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:relative;position:absolute;top:100%;width:100%;z-index:-1}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content ::slotted(*){border-bottom:1px solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}@media (max-width:1024px){.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item{display:none}}.ids-header-1177-admin--fluid .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content{max-width:100%!important}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) ::slotted(a),:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>a,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1.125rem!important;font-weight:400!important;height:100%;letter-spacing:-.5px;line-height:1rem;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>a:focus,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>a:focus:after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>a:hover:after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>button:focus:after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>button:hover:after{right:0;width:auto}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>a:after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive)>button:after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) ::slotted(a):after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) ::slotted(a:focus):after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) ::slotted(a:hover):after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive).ids-header-1177-admin__nav-item--active ::slotted(a):after,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive).ids-header-1177-admin__nav-item--active button:after{right:0;width:auto}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) .ids-header-1177-admin__items__item-dropdown{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:relative;position:absolute;top:100%;width:100%;z-index:-1}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item,:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content ::slotted(*){border-bottom:1px solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}@media (max-width:1024px){:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive){display:none}}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive ::slotted(a),:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>a,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1.125rem!important;font-weight:400!important;height:100%;letter-spacing:-.5px;line-height:1rem;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>a:focus,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>a:focus:after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>a:hover:after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>button:focus:after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>button:hover:after{right:0;width:auto}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>a:after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive>button:after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive ::slotted(a):after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive ::slotted(a:focus):after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive ::slotted(a:hover):after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive.ids-header-1177-admin__nav-item--active ::slotted(a):after,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive.ids-header-1177-admin__nav-item--active button:after{right:0;width:auto}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive .ids-header-1177-admin__items__item-dropdown{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:relative;position:absolute;top:100%;width:100%;z-index:-1}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content .ids-header-1177-admin__items__item-dropdown__content-item,:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content ::slotted(*){border-bottom:1px solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--fluid .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content{max-width:100%!important}";
|
|
4
4
|
|
|
5
5
|
var header1177AdminNavItemLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
/*******
|
|
6
6
|
* Accessibility
|
|
7
7
|
********/
|
|
8
|
+
/* headings */
|
|
8
9
|
@media (max-width: 1023px) {
|
|
9
10
|
.ids-desktop {
|
|
10
11
|
display: none !important;
|
|
@@ -111,6 +112,7 @@
|
|
|
111
112
|
.ids-header-1177-admin--unresponsive .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content ::slotted(*) {
|
|
112
113
|
display: block;
|
|
113
114
|
margin-bottom: 10px;
|
|
115
|
+
padding-bottom: 10px;
|
|
114
116
|
margin-right: 40px;
|
|
115
117
|
font-size: 1rem;
|
|
116
118
|
line-height: 24px;
|
|
@@ -211,6 +213,7 @@
|
|
|
211
213
|
.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__nav-item .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content ::slotted(*) {
|
|
212
214
|
display: block;
|
|
213
215
|
margin-bottom: 10px;
|
|
216
|
+
padding-bottom: 10px;
|
|
214
217
|
margin-right: 40px;
|
|
215
218
|
font-size: 1rem;
|
|
216
219
|
line-height: 24px;
|
|
@@ -320,6 +323,7 @@
|
|
|
320
323
|
:host .ids-header-1177-admin__nav-item:not(.ids-header-1177-admin__nav-item--unresponsive) .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content ::slotted(*) {
|
|
321
324
|
display: block;
|
|
322
325
|
margin-bottom: 10px;
|
|
326
|
+
padding-bottom: 10px;
|
|
323
327
|
margin-right: 40px;
|
|
324
328
|
font-size: 1rem;
|
|
325
329
|
line-height: 24px;
|
|
@@ -424,6 +428,7 @@
|
|
|
424
428
|
:host .ids-header-1177-admin__nav-item.ids-header-1177-admin__nav-item--unresponsive .ids-header-1177-admin__items__item-dropdown .ids-header-1177-admin__items__item-dropdown__content ::slotted(*) {
|
|
425
429
|
display: block;
|
|
426
430
|
margin-bottom: 10px;
|
|
431
|
+
padding-bottom: 10px;
|
|
427
432
|
margin-right: 40px;
|
|
428
433
|
font-size: 1rem;
|
|
429
434
|
line-height: 24px;
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
/*******
|
|
6
6
|
* Accessibility
|
|
7
7
|
********/
|
|
8
|
+
/* headings */
|
|
8
9
|
:host .ids-header-1177-pro__avatar-mobile ::slotted([slot=logout]), :host .ids-header-1177-pro__avatar-mobile .ids-header-1177-pro__avatar-mobile__text, .ids-header-1177-pro__avatar-mobile a.ids-header-1177-pro__avatar-mobile__login {
|
|
9
10
|
font-family: var(--IDS-LINK--FONT-FAMILY);
|
|
10
11
|
color: var(--link-colorpreset-1_color);
|
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
/*******
|
|
18
18
|
* Accessibility
|
|
19
19
|
********/
|
|
20
|
+
/* headings */
|
|
20
21
|
:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit, :host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name, :host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit, :host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name, .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit, .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name, .ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit, .ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name {
|
|
21
22
|
text-align: start;
|
|
22
23
|
max-width: 15.625rem;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item ::slotted(a),.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>a,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.5px;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>a:focus,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>a:focus:after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>a:hover:after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>button:focus:after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>button:hover:after{right:0;width:auto}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>a:after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>button:after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item ::slotted(a):after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item ::slotted(a:focus):after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item ::slotted(a:hover):after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--active ::slotted(a):after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--active button:after{right:0;width:auto}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:absolute;top:100%;width:100%;z-index:-1}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content ::slotted(*){border-bottom:1px solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item ::slotted(a),.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>a,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.5px;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>a:focus,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>a:focus:after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>a:hover:after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>button:focus:after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>button:hover:after{right:0;width:auto}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>a:after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>button:after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item ::slotted(a):after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item ::slotted(a:focus):after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item ::slotted(a:hover):after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--active ::slotted(a):after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--active button:after{right:0;width:auto}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:absolute;top:100%;width:100%;z-index:-1}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content ::slotted(*){border-bottom:1px solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item{display:none}}.ids-header-1177-pro--fluid .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content{max-width:100%!important}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) ::slotted(a),:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>a,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.5px;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>a:focus,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>a:focus:after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>a:hover:after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>button:focus:after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>button:hover:after{right:0;width:auto}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>a:after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>button:after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) ::slotted(a):after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) ::slotted(a:focus):after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) ::slotted(a:hover):after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive).ids-header-1177-pro__nav-item--active ::slotted(a):after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive).ids-header-1177-pro__nav-item--active button:after{right:0;width:auto}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) .ids-header-1177-pro__items__item-dropdown{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:absolute;top:100%;width:100%;z-index:-1}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content ::slotted(*){border-bottom:1px solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px}@media (max-width:1024px){:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive){display:none}}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive ::slotted(a),:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>a,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.5px;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>a:focus,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>a:focus:after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>a:hover:after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>button:focus:after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>button:hover:after{right:0;width:auto}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>a:after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>button:after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive ::slotted(a):after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive ::slotted(a:focus):after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive ::slotted(a:hover):after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive.ids-header-1177-pro__nav-item--active ::slotted(a):after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive.ids-header-1177-pro__nav-item--active button:after{right:0;width:auto}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive .ids-header-1177-pro__items__item-dropdown{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:absolute;top:100%;width:100%;z-index:-1}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content ::slotted(*){border-bottom:1px solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--fluid .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content{max-width:100%!important}";
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item ::slotted(a),.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>a,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.5px;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>a:focus,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>a:focus:after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>a:hover:after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>button:focus:after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>button:hover:after{right:0;width:auto}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>a:after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item>button:after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item ::slotted(a):after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item ::slotted(a:focus):after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item ::slotted(a:hover):after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--active ::slotted(a):after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--active button:after{right:0;width:auto}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:absolute;top:100%;width:100%;z-index:-1}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content ::slotted(*){border-bottom:1px solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item ::slotted(a),.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>a,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.5px;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>a:focus,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>a:focus:after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>a:hover:after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>button:focus:after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>button:hover:after{right:0;width:auto}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>a:after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item>button:after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item ::slotted(a):after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item ::slotted(a:focus):after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item ::slotted(a:hover):after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--active ::slotted(a):after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--active button:after{right:0;width:auto}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:absolute;top:100%;width:100%;z-index:-1}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content ::slotted(*){border-bottom:1px solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-item{display:none}}.ids-header-1177-pro--fluid .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content{max-width:100%!important}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) ::slotted(a),:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>a,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.5px;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>a:focus,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>a:focus:after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>a:hover:after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>button:focus:after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>button:hover:after{right:0;width:auto}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>a:after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive)>button:after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) ::slotted(a):after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) ::slotted(a:focus):after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) ::slotted(a:hover):after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive).ids-header-1177-pro__nav-item--active ::slotted(a):after,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive).ids-header-1177-pro__nav-item--active button:after{right:0;width:auto}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) .ids-header-1177-pro__items__item-dropdown{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:absolute;top:100%;width:100%;z-index:-1}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item,:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive) .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content ::slotted(*){border-bottom:1px solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}@media (max-width:1024px){:host .ids-header-1177-pro__nav-item:not(.ids-header-1177-pro__nav-item--unresponsive){display:none}}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive ::slotted(a),:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>a,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.5px;min-height:40px;padding:8px 16px;position:relative;text-decoration:none}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>a:focus,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>a:focus:after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>a:hover:after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>button:focus:after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>button:hover:after{right:0;width:auto}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>a:after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive>button:after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive ::slotted(a):after{background:var(--IDS-COLOR-ACCENT-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:8px;margin-right:8px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive ::slotted(a:focus):after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive ::slotted(a:hover):after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive.ids-header-1177-pro__nav-item--active ::slotted(a):after,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive.ids-header-1177-pro__nav-item--active button:after{right:0;width:auto}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive .ids-header-1177-pro__items__item-dropdown{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:absolute;top:100%;width:100%;z-index:-1}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content .ids-header-1177-pro__items__item-dropdown__content-item,:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--unresponsive .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content ::slotted(*){border-bottom:1px solid var(--IDS-COLOR-ACCENT-90);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}:host .ids-header-1177-pro__nav-item.ids-header-1177-pro__nav-item--fluid .ids-header-1177-pro__items__item-dropdown .ids-header-1177-pro__items__item-dropdown__content{max-width:100%!important}";
|
|
4
4
|
|
|
5
5
|
var header1177ProNavItemLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
/*******
|
|
6
6
|
* Accessibility
|
|
7
7
|
********/
|
|
8
|
+
/* headings */
|
|
8
9
|
@media (max-width: 1023px) {
|
|
9
10
|
.ids-desktop {
|
|
10
11
|
display: none !important;
|
|
@@ -110,6 +111,7 @@
|
|
|
110
111
|
display: block;
|
|
111
112
|
margin-bottom: 10px;
|
|
112
113
|
margin-right: 40px;
|
|
114
|
+
padding-bottom: 10px;
|
|
113
115
|
font-size: 1rem;
|
|
114
116
|
line-height: 24px;
|
|
115
117
|
border-bottom: 1px solid var(--IDS-COLOR-ACCENT-90);
|
|
@@ -208,6 +210,7 @@
|
|
|
208
210
|
display: block;
|
|
209
211
|
margin-bottom: 10px;
|
|
210
212
|
margin-right: 40px;
|
|
213
|
+
padding-bottom: 10px;
|
|
211
214
|
font-size: 1rem;
|
|
212
215
|
line-height: 24px;
|
|
213
216
|
border-bottom: 1px solid var(--IDS-COLOR-ACCENT-90);
|
|
@@ -315,6 +318,7 @@
|
|
|
315
318
|
display: block;
|
|
316
319
|
margin-bottom: 10px;
|
|
317
320
|
margin-right: 40px;
|
|
321
|
+
padding-bottom: 10px;
|
|
318
322
|
font-size: 1rem;
|
|
319
323
|
line-height: 24px;
|
|
320
324
|
border-bottom: 1px solid var(--IDS-COLOR-ACCENT-90);
|
|
@@ -417,6 +421,7 @@
|
|
|
417
421
|
display: block;
|
|
418
422
|
margin-bottom: 10px;
|
|
419
423
|
margin-right: 40px;
|
|
424
|
+
padding-bottom: 10px;
|
|
420
425
|
font-size: 1rem;
|
|
421
426
|
line-height: 24px;
|
|
422
427
|
border-bottom: 1px solid var(--IDS-COLOR-ACCENT-90);
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { css, unsafeCSS } from 'lit';
|
|
2
|
+
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-item{align-items:center;display:none;margin-right:16px;position:relative}.ids-header-inera-item.ids-header-inera-item--mobile{display:flex}.ids-header-inera-item .ids-header-inera-item__link{align-items:center;display:flex}.ids-header-inera-item a{bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.ids-header-inera-item .ids-header-inera-item__link-text{color:var(--IDS-COLOR-NEUTRAL-20);display:none;font-family:var(--font-family_1)!important;font-size:1rem!important;font-weight:600!important;margin-left:8px;text-decoration:none}.ids-header-inera-item .ids-header-inera-item__link-icon{display:flex}.ids-header-inera-item ::slotted(:not([slot=icon])){bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;z-index:1}.ids-header-inera-item:focus-within{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}@media (min-width:1024px){.ids-header-inera-item{display:flex;margin-right:30px}.ids-header-inera-item .ids-header-inera-item__link-text{display:flex}.ids-header-inera-item.ids-header-inera-item__separator{margin-left:32px}.ids-header-inera-item.ids-header-inera-item__separator:after{background-color:var(--IDS-COLOR-NEUTRAL-90);bottom:-15px;content:\"\";left:-16px;position:absolute;top:-20px;width:1px}}@media (max-width:1024px){.ids-header-inera-item.ids-header-inera-item--unresponsive,.ids-header-inera-item.ids-header-inera-item--unresponsive .ids-header-inera-item__link-text{display:flex}}";
|
|
4
|
+
|
|
5
|
+
var headerIneraItemLit = css`${unsafeCSS(css_248z)}`;
|
|
6
|
+
|
|
7
|
+
export { headerIneraItemLit as default };
|