@utrecht/components/code-block/dist/index.css

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

/**
 * @license EUPL-1.2
 * Copyright (c) 2020-2022 Gemeente Utrecht
 * Copyright (c) 2020-2022 Frameless B.V.
 */
/**
 * @license EUPL-1.2
 * Copyright (c) 2020-2022 Gemeente Utrecht
 * Copyright (c) 2020-2022 Frameless B.V.
 */
/**
 * @license EUPL-1.2
 * Copyright (c) 2020-2022 Gemeente Utrecht
 * Copyright (c) 2020-2022 Frameless B.V.
 */
.utrecht-code-block {
  /* Use `monospace` as fallback both when the custom property isn't set and when the font is not available */
  /* Use `inherit` as font-size, to override interfering CSS such as: `code { font-size: 16px }` */
  background-color: var(--utrecht-code-background-color);
  color: var(--utrecht-code-color);
  font-family: var(--utrecht-code-font-family, monospace), monospace;
  font-size: var(--utrecht-code-font-size, inherit);
  font-variant-ligatures: none;
  line-height: var(--utrecht-code-line-height);
  --utrecht-code-color: var(--utrecht-code-block-color, inherit);
  --utrecht-code-background-color: var(--utrecht-code-block-background-color, inherit);
  --utrecht-code-font-weight: var(--utrecht-code-block-font-weight, inherit);
  --utrecht-code-font-size: var(--utrecht-code-block-font-size, inherit);
  --utrecht-code-font-family: var(--utrecht-code-block-font-family, monospace);
  background-color: var(--utrecht-code-block-background-color);
  display: block;
  font-size: var(--utrecht-code-block-font-size, var(--utrecht-code-font-size, inherit));
  line-height: var(--utrecht-code-block-line-height, var(--utrecht-code-line-height));
  margin-block-end: var(--utrecht-code-block-margin-block-end);
  margin-block-start: var(--utrecht-code-block-margin-block-start);
  margin-inline-end: var(--utrecht-code-block-margin-inline-end);
  margin-inline-start: var(--utrecht-code-block-margin-inline-start);
  padding-block-end: var(--utrecht-code-block-padding-block-end);
  padding-block-start: var(--utrecht-code-block-padding-block-start);
  padding-inline-end: var(--utrecht-code-block-padding-inline-end);
  padding-inline-start: var(--utrecht-code-block-padding-inline-start);
  white-space: pre;
}

.utrecht-code-block__content {
  /* reset effect of <code> */
  font-family: inherit;
  font-size: inherit;
}