@utrecht/components/dist/link-list/css/index.css

Components for the Municipality of Utrecht based on the NL Design System architecture

/**
 * @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);
}