@utrecht/components
Version:
Components for the Municipality of Utrecht based on the NL Design System architecture
38 lines • 1.32 kB
CSS
/**
* @license EUPL-1.2
* Copyright (c) 2021-2022 Gemeente Utrecht
* Copyright (c) 2021-2022 Frameless B.V.
*/
/**
* @license EUPL-1.2
* Copyright (c) 2021-2022 Gemeente Utrecht
* Copyright (c) 2021-2022 Frameless B.V.
*/
.utrecht-color-sample {
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) {
.utrecht-color-sample {
forced-color-adjust: none;
}
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
.utrecht-color-sample {
--utrecht-color-sample-default-border-color: var(--utrecht-color-sample-dark-border-color, #000);
}
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
.utrecht-color-sample {
--utrecht-color-sample-default-border-color: var(--utrecht-color-sample-light-border-color, #fff);
}
}