@digitallinguistics/design/components/Markdown/Markdown.less

The design system for Digital Linguistics (DLx) projects.

.md {

  --list-indent: 2.5em;

  :is(h1, h2) {
    font-weight   : 300;
    padding-block : var(--text-block-padding);
    padding-inline: 0.5rem;
  }

  :is(ol, ul) {
    margin-block: var(--space-xs);
  }

  h1 {
    font-size: xx-large;
  }

  h2 {
    font-size: x-large;
  }

  li {
    display: list-item;
  }

  ol {
    list-style         : decimal outside none;
    margin-inline-start: var(--list-indent);
  }

  p {
    padding: var(--text-padding);
  }

  ul {
    list-style         : disc outside none;
    margin-inline-start: var(--list-indent);
  }

}