Drop Cap

How to make the first letter of a paragraph larger in size.

How to

The Drop Cap component is a decorative snippet used to make the first letter of a paragraph larger. It's generally applied to <p> elements.

Edit the --drop-cap-lines variable to set the number of lines occupied by the first letter.

:root {
  --drop-cap-lines: 3; // number of lines occupied by the first letter
}

Categories

• Typography

Bug report & feedback

Component Github page ↗