Display text

.display-1 .text-display .has-display-font-size --doo-typo-title-display-size · 56px

Headline H1

h1 .h1 .text-h1 .has-h-1-font-size --doo-typo-title-h-1-size · 48px

Headline H2

h2 .h2 .text-h2 .has-h-2-font-size --doo-typo-title-h-2-size · 36px

Headline H3

h3 .h3 .text-h3 .has-h-3-font-size --doo-typo-title-h-3-size · 28px

Headline H4

h4 .h4 .text-h4 .has-h-4-font-size --doo-typo-title-h-4-size · 24px

Headline H5

h5 .h5 .text-h5 .has-h-5-font-size --doo-typo-title-h-5-size · 18px

Headline H6

h6 .h6 .text-h6 .has-h-6-font-size --doo-typo-title-h-6-size · 16px

Body L: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae turpis at arcu facilisis volutpat. Integer non magna vel libero lorem dignissim. Praesent ut lacus nec risus pretium viverra. Donec vehicula.

.text-lg .has-lg-font-size --doo-typo-text-lg-size · 18px

Body M (default): Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae turpis at arcu facilisis volutpat. Integer non magna vel libero lorem dignissim. Praesent ut lacus nec risus pretium viverra. Donec vehicula.

.text-md .has-md-font-size --doo-typo-text-md-size · 16px, the body default

Body S: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae turpis at arcu facilisis volutpat. Integer non magna vel libero lorem dignissim. Praesent ut lacus nec risus pretium viverra. Donec vehicula.

.text-sm .has-sm-font-size --doo-typo-text-sm-size · 14px

Caption: lorem ipsum dolor sit amet

.text-caption .has-caption-font-size .lead --doo-typo-title-caption-size · 14px, weight 500, uppercase, 6% tracking, primary colour

ul.wp-block-list ol.wp-block-list · unordered and ordered list of the content blocks

• Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae turpis at arcu facilisis volutpat.
• Sed vitae turpis at arcu facilisis volutpat. Integer non magna vel libero lorem dignissim.
• Sed vitae turpis at arcu facilisis volutpat. Integer non magna vel libero lorem dignissim. Praesent ut lacus nec risus pretium viverra.

1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae turpis at arcu facilisis volutpat.
2. Sed vitae turpis at arcu facilisis volutpat. Integer non magna vel libero lorem dignissim.
3. Sed vitae turpis at arcu facilisis volutpat. Integer non magna vel libero lorem dignissim. Praesent ut lacus nec risus pretium viverra.

.table-responsive .wp-block-table · the figure scrolls, the table keeps the grid widths

.border-start .border-secondary .ps-5 · highlighted text, 2px stroke in the secondary colour

blockquote .fw-semibold .text-lg .hasPWeightInherit · the wrapper modifier keeps the weight on the paragraph

Quote: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam."