@utrecht/web-component-library-stencil
Version:
Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture
38 lines (36 loc) • 953 B
CSS
/**
* @license EUPL-1.2
* Copyright (c) 2020-2024 Frameless B.V.
* Copyright (c) 2021-2024 Gemeente Utrecht
*/
/**
* @license EUPL-1.2
* Copyright (c) 2020-2024 Frameless B.V.
* Copyright (c) 2021-2024 Gemeente Utrecht
*/
:host {
background-color: var(--utrecht-nav-bar-background-color);
color: var(--utrecht-nav-bar-color);
display: grid;
inline-size: 100%;
}
div {
align-items: stretch;
background-color: var(--utrecht-nav-bar-content-background-color);
color: var(--utrecht-nav-bar-content-color);
display: flex;
flex-direction: row;
flex-wrap: wrap;
inline-size: 100%;
justify-content: space-between;
justify-self: center;
/* Wrap content to accomodate:
* - 400% zoom
* - longer text due to automatic translation
* - longer text due to editorial content requirements
*/
max-inline-size: var(--utrecht-nav-bar-content-max-inline-size);
}
:host([hidden]) {
display: none ;
}