Paragraph Preview

This is a paragraph. Paragraphs are block-level elements used for body text in slides. They inherit font settings from the section element.

This is another paragraph. The margin between paragraphs is handled by the default styles. Note that the top margin is removed for cleaner layout.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

scss/canvas/component/_paragraph.scss

Styles Applied

p {
  margin-top: 0;
}

Paragraphs inherit the following from the section element:

  • Font size: var(--section-font-size) = var(--font-size-m) (40px)
  • Font weight: var(--section-font-weight) = var(--font-weight-normal) (400)
  • Line height: var(--section-line-height) = var(--line-height-loose) (2)
  • Color: var(--section-color-text)
scss/canvas/component/_paragraph.scss

Paragraph with Other Elements

A paragraph can contain bold text, italic text, inline code, and links.

You can also include highlighted text and ruby text(annotation).

This creates flexible, readable content blocks.

scss/canvas/component/_paragraph.scss