@utrecht/components
Version:
Components for the Municipality of Utrecht based on the NL Design System architecture
43 lines (38 loc) • 1.92 kB
CSS
/**
* @license EUPL-1.2
* Copyright (c) 2021 The Knights Who Say NIH! B.V.
*/
/**
* @license EUPL-1.2
* Copyright (c) 2021 The Knights Who Say NIH! B.V.
*/
.utrecht-paragraph {
color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));
font-family: var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));
font-size: var(--utrecht-paragraph-font-size, var(--utrecht-document-font-size, inherit));
font-weight: var(--utrecht-paragraph-font-weight, inherit);
line-height: var(--utrecht-paragraph-line-height, var(--utrecht-document-line-height, inherit));
margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-paragraph-margin-block-end, 0));
margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-paragraph-margin-block-start, 0));
}
.utrecht-paragraph--lead {
color: var(--utrecht-paragraph-lead-color, var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit)));
font-size: var(--utrecht-paragraph-lead-font-size, var(--utrecht-paragraph-font-size, inherit));
font-weight: var(--utrecht-paragraph-lead-font-weight, var(--utrecht-paragraph-font-weight, inherit));
line-height: var(--utrecht-paragraph-lead-line-height, var(--utrecht-paragraph-line-height, inherit));
}
.utrecht-paragraph--small {
color: var(--utrecht-paragraph-small-color, var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit)));
font-size: var(--utrecht-paragraph-small-font-size, var(--utrecht-paragraph-font-size, inherit));
font-weight: var(--utrecht-paragraph-small-font-weight, var(--utrecht-paragraph-font-weight, inherit));
line-height: var(--utrecht-paragraph-small-line-height, var(--utrecht-paragraph-line-height, inherit));
}
.utrecht-paragraph__small {
font-size: inherit;
}
.utrecht-paragraph__b {
font-weight: inherit;
}
.utrecht-paragraph--distanced {
--utrecht-space-around: 1;
}