@utrecht/web-component-library-stencil
Version:
Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture
45 lines (42 loc) • 1.31 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
*/
/**
* @license EUPL-1.2
* Copyright (c) 2020-2024 Frameless B.V.
* Copyright (c) 2021-2024 Gemeente Utrecht
*/
.utrecht-document {
/* reset `font-smoothing: antialiasing`, prefer automatic (`subpixel-antialiasing`) behavior for high-dpi screens */
-webkit-font-smoothing: auto ;
-moz-osx-font-smoothing: auto ;
color: var(--utrecht-document-color, inherit);
font-family: var(--utrecht-document-font-family, inherit);
font-size: var(--utrecht-document-font-size, inherit);
font-weight: var(--utrecht-document-font-weight, inherit);
line-height: var(--utrecht-document-line-height, inherit);
text-rendering: optimizeLegibility;
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
.utrecht-document :lang(ar) {
/* `letter-spacing` design tokens break Arabic text rendering, avoid that */
letter-spacing: 0 ;
}
.utrecht-document--surface {
background-color: var(--utrecht-document-background-color, inherit);
}
:host {
display: block;
}
:host([hidden]) {
display: none ;
}