@utrecht/web-component-library-stencil
Version:
Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture
41 lines (40 loc) • 970 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 {
/*
* Goals:
*
* - reset `<body>` styles for `margin` and `padding`
* - take up 100% of the space, both horizontally and vertically.
*/
block-size: 100%;
font-family: var(--utrecht-body-font-family, inherit);
font-size: var(--utrecht-body-font-size, inherit);
font-weight: var(--utrecht-body-font-weight, inherit);
line-height: var(--utrecht-body-line-height, inherit);
margin-block-end: 0;
margin-block-start: 0;
margin-inline-end: 0;
margin-inline-start: 0;
padding-block-end: 0;
padding-block-start: 0;
padding-inline-end: 0;
padding-inline-start: 0;
}
@media screen {
:host {
min-block-size: 100vh;
min-block-size: 100vb;
}
}
:host([hidden]) {
display: none ;
}