@ou-imdt/css/src/native/pre.css

The IMDT CSS library styles native elements with light, extendable CSS. It is developed for Interactive Media Developers at the Open University.

:root,
:host {
  /* Pre */
  --pre-font: var(--font-alt);
  --pre-whitespace: pre;
  --pre-border: 1px solid lightgray;
  --pre-width: 100%;
  --pre-margin: 0;
}

pre,
.pre {
  font-family: var(--pre-font);
  text-align: left;
  white-space: var(--pre-whitespace);
  border: var(--pre-border);
  overflow: auto;
  width: var(--pre-width);
  background: var(--pre-bg, --bg1);
  color: var(--pre-fg, --fg1);
  margin: var(--pre-margin);
}