Pattern Library

Paragraphs: Lede

Guidelines

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

To do

  • Better line height needs to be agreed and added.
  • Explain when body copy should change size.
<p class="lbh-u-p lbh-u-p--lede">A 24px lead paragraph with some longer text so that you can see how it wraps.</p>
  • Content: 
    .lbh-u-p {
    max-width: var(--width-main);
}

.lbh-u-p--default {
    font-size: var(--font-size-paragraph-default);
}

.lbh-u-p--lede {
    font-size: var(--font-size-paragraph-lede);
}

.lbh-u-p--small {
    font-size: var(--font-size-paragraph-small);
}
  • URL: /components/raw/paragraphs/paragraphs.css
  • Filesystem Path: components/01-particles/04-paragraphs/paragraphs.css
  • Size: 258 Bytes