Pattern Library

Headings: Default

Guidelines

We suggest to use classes also for default elements like headings. Link will come soon to provide reasoning behind.

To do

  • We should have stiling for all the headings elements so down to H6.
<h1 class="lbh-u-h1">Extra Large 48px</h1>
  • Content: 
    .lbh-u-h1,
.lbh-u-h2,
.lbh-u-h3,
.lbh-u-h4 {
    font-weight: 700;
}

.lbh-u-h1 {
    font-size: var(--font-size-heading-xlarge);
}

.lbh-u-h2 {
    font-size: var(--font-size-heading-large);
}

.lbh-u-h3 {
    font-size: var(--font-size-heading-medium);
}

.lbh-u-h4 {
    font-size: var(--font-size-heading-small);
}
  • URL: /components/raw/headings/headings.css
  • Filesystem Path: components/01-particles/03-headings/headings.css
  • Size: 318 Bytes