@ou-imdt/css/src/native/hr-kbd-samp-time-var-wbr.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 {
  /* hr */
  --hr-color: #8FC5DD;
  --hr-border: 1px solid;
  --hr-margin: 1rem 0;

  /* kbd */
  --kbd-bg: ;
  --kbd-fg: ;
  --kbd-radius: var(--radius);
  --kbd-border: 1px solid var(--kbd-fg, --fg1);
  --kbd-font-size: 0.75em;
  --kbd-padding: 0 0.1em;
  --kbd-display: inline-block;
  --kbd-valign: text-top;

  /* time */
  --time-weight: bold;
  --time-font-style: normal;

  /* var */
  --var-weight: normal;
  --var-font-style: italic;
}


hr {
  border: none;
  border-top: var(--hr-border) var(--hr-color, --fg1);
  margin: var(--hr-margin);
}

kbd {
  background: var(--kbd-bg, --bg1);
  border-radius: var(--kbd-radius, --radius);
  border: var(--kbd-border);
  color: var(--kbd-fg, --fg1);
  font-size: var(--kbd-font-size);
  padding: var(--kbd-padding);
  display: var(--kbd-display);
  vertical-align: var(--kbd-valign);
}

time {
  font-style: var(--time-font-style);
  font-weight: var(--time-weight);
}

var {
  font-style: var(--var-font-style);
  font-weight: var(--var-weight);
}