@utrecht/web-component-library-stencil
Version:
Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture
42 lines (41 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
*/
:host {
background-color: var(--utrecht-color-sample-background-color, currentColor);
block-size: var(--utrecht-color-sample-block-size, 2em);
border-color: var(--utrecht-color-sample-border-color, var(--utrecht-color-sample-default-border-color));
border-radius: var(--utrecht-color-sample-border-radius, 0);
border-style: solid;
border-width: var(--utrecht-color-sample-border-width, 0);
box-sizing: border-box;
display: inline-block;
inline-size: var(--utrecht-color-sample-inline-size, 2em);
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
@media (forced-colors: active) {
:host {
forced-color-adjust: none;
}
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
:host {
--utrecht-color-sample-default-border-color: var(--utrecht-color-sample-dark-border-color, #000);
}
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
:host {
--utrecht-color-sample-default-border-color: var(--utrecht-color-sample-light-border-color, #fff);
}
}
:host([hidden]) {
display: none ;
}