@utrecht/components
Version:
Components for the Municipality of Utrecht based on the NL Design System architecture
47 lines (44 loc) • 1.51 kB
CSS
/**
* @license EUPL-1.2
* Copyright (c) 2021 Gemeente Utrecht
* Copyright (c) 2021 Robbert Broersma
*/
/**
* @license EUPL-1.2
* Copyright (c) 2021 Gemeente Utrecht
* Copyright (c) 2021 Robbert Broersma
*/
/* reset before other stylesheets */
.utrecht-link-list--html-ul {
margin-block-end: 0;
margin-block-start: 0;
margin-inline-end: 0;
margin-inline-start: 0;
padding-inline-start: 0;
}
.utrecht-link-list--html-ul > li {
list-style: none;
}
.utrecht-link-list {
/* TODO: I wish we could make `--utrecht-link-text-decoration` fall back to `var(--utrecht-link-text-decoration)`
* when `var(--utrecht-link-list-text-decoration)` is not set.
*/
--utrecht-icon-inset-block-start: var(--utrecht-link-list-icon-inset-block-start);
--utrecht-icon-size: var(--utrecht-link-list-icon-size);
--utrecht-link-icon-size: var(--utrecht-link-list-icon-size);
--utrecht-link-text-decoration: var(--utrecht-link-list-link-text-decoration, none);
display: flex;
flex-direction: column;
margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-link-list-margin-block-end, 0));
margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-link-list-margin-block-start, 0));
row-gap: var(--utrecht-link-list-row-gap);
}
.utrecht-link-list__item {
display: block;
}
.utrecht-link-list__link {
align-items: baseline;
column-gap: var(--utrecht-link-list-link-column-gap);
display: inline-flex;
font-weight: var(--utrecht-link-list-link-font-weight);
}