@utrecht/components
Version:
Components for the Municipality of Utrecht based on the NL Design System architecture
57 lines (53 loc) • 1.63 kB
CSS
/**
* @license EUPL-1.2
* Copyright (c) 2021 The Knights Who Say NIH! B.V.
* Copyright (c) 2021 Gemeente Utrecht
*/
/**
* @license EUPL-1.2
* Copyright (c) 2021 Gemeente Utrecht
* Copyright (c) 2021 Robbert Broersma
*/
.utrecht-data-placeholder {
background-color: var(--utrecht-data-placeholder-background-color, currentColor);
block-size: 1em;
display: inline-block;
inline-size: min(100%, var(--utrecht-data-placeholder-max-inline-size));
max-inline-size: var(--utrecht-data-placeholder-max-inline-size);
min-inline-size: var(--utrecht-data-placeholder-min-inline-size, 10ch);
vertical-align: -0.1em;
}
@media print {
.utrecht-data-placeholder {
outline-color: currentColor;
outline-style: dashed;
outline-width: 0.1em;
}
}
@media screen and (prefers-contrast: more) {
.utrecht-data-placeholder {
background-color: var(--utrecht-data-placeholder-high-contrast-background-color, var(--utrecht-data-placeholder-background-color, currentColor));
}
}
@media screen and (forced-colors: active) {
.utrecht-data-placeholder {
background-color: GrayText;
}
}
.utrecht-data-placeholder--loading {
cursor: var(--utrecht-action-busy-cursor, busy);
}
/* class name available only for Storybook */
.utrecht-data-placeholder--print {
outline-color: currentColor;
outline-style: dashed;
outline-width: 0.1em;
}
/* class name available only for Storybook */
.utrecht-data-placeholder--forced-colors {
background-color: GrayText;
}
/* class name available only for Storybook */
.utrecht-data-placeholder--high-contrast {
cursor: var(--utrecht-action-busy-cursor, busy);
}