@digitallinguistics/design/global/typography.less

The design system for Digital Linguistics (DLx) projects.

:root {

  --font:
    'Fira Sans',
    'Source Sans Pro',
    'Noto Sans',
    Roboto,
    'Open Sans',
    sans-serif;

  --font-mono:
    'Fira Mono',
    'Source Code Pro',
    'Noto Sans Mono',
    'Roboto Mono',
    monospace;

  --font-unicode:
    'Libertinus',
    'Libertinus Serif',
    'Linux Libertine',
    'Gentium Plus',
    'Charis SIL',
    'Doulos SIL',
    'Source Serif Pro',
    'Noto Serif',
    'Times New Roman',
    serif;

  --measure-sm: 45em;
  --measure   : 60em;

  --text-inline-padding-sm: 0.25em;
  --text-inline-padding   : 0.5em;
  --text-inline-padding-lg: 1em;

  --text-block-padding-sm: 0.125em;
  --text-block-padding   : 0.25em;
  --text-block-padding-lg: 0.5em;

  --text-padding-sm: var(--text-block-padding-sm) var(--text-inline-padding-sm);
  --text-padding   : var(--text-block-padding)    var(--text-inline-padding);
  --text-padding-lg: var(--text-block-padding-lg) var(--text-inline-padding-lg);

}