@utrecht/web-component-library-stencil
Version:
Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture
35 lines (33 loc) • 1.04 kB
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-page-body-background-color);
box-sizing: border-box;
color: var(--utrecht-page-body-color);
display: grid;
flex-grow: 1;
inline-size: 100%;
}
div {
background-color: var(--utrecht-page-body-content-background-color);
box-sizing: border-box;
color: var(--utrecht-page-body-content-color);
inline-size: 100%;
justify-self: center;
max-inline-size: var(--utrecht-page-body-content-max-inline-size);
padding-block-end: var(--utrecht-page-body-content-padding-block-end);
padding-block-start: var(--utrecht-page-body-content-padding-block-start);
padding-inline-end: var(--utrecht-page-body-content-padding-inline-end);
padding-inline-start: var(--utrecht-page-body-content-padding-inline-start);
}
:host([hidden]) {
display: none ;
}