semantic-styles/package/elements/heading.css

"Responsive, Themed, UI Design System."

h1,
h2,
h3,
h4 {
  line-height: var(--heading-line-height);
  letter-spacing: var(--heading-letter-spacing);
}

.text--xxxl {
  font-size: var(--text-xxxl);
  margin: var(--text-xxxl) 0;
}

h1 {
  font-weight: 900;
}

h1,
.text--xxl {
  font-size: var(--text-xxl);
  margin-block-start: var(--space-lg);
  margin-block-end: var(--space-lg);
}

h2,
.text--xl {
  font-size: var(--text-xl);
  margin-block-start: var(--space-lg);
  margin-block-end: var(--space-lg);
}

h3,
.text--lg {
  font-size: var(--text-lg);
  margin-block-start: var(--space-lg);
  margin-block-end: var(--space-lg);
}

h4,
.text--md {
  font-size: var(--text-md);
  margin-block-start: var(--space-lg);
  margin-block-end: var(--space-lg);
}