Section Divider Page Demo

Usage

<!-- _class: section -->
<!-- _paginate: false -->

Section Title Text

Use plain text (paragraph) for the section title, not headings.

scss/canvas/slide-pattern/_section.scss

Structure

  • p: Section title text
    • Large font, bold weight
    • Vertically centered
scss/canvas/slide-pattern/_section.scss

CSS Variables

CSS Variable Default
--section-font-size var(--font-size-xxl) (80px)
--section-font-weight bold
scss/canvas/slide-pattern/_section.scss

Customized Section Title

scss/canvas/slide-pattern/_section.scss

Customization Example

---
style: |
  section.section {
    --section-font-size: 3em;
    --section-font-weight: 900;
  }
---

Override font size and weight.

scss/canvas/slide-pattern/_section.scss