Type Size Size defines the font-size of the type element.
Important Notes: If size is not defined or set to auto, font-size inherits from parent container. Each size is paired with a specific line-height to improve legibility. Below the medium breakpoint (below 800px device sizes), xxxlarge, display and largedisplaysizes, become that same size as xxlarge. This is to prevent the fonts from rendering too large relative to the screen size.
Demo

This is size auto.

This is size tiny.

This is size xsmall.

This is size small.

This is size regular.

This is size medium.

This is size large.

This is size xlarge.

This is size xxlarge.

This is size xxxlarge.

This is size display.

This is size largedisplay.

Twig
{% include '@bolt-elements-type/type.twig' with {
  content: 'This is size xxxlarge.'
  size: 'xxxlarge',
} only %}
HTML
<p class="e-bolt-type e-bolt-type--size-xxxlarge">This is size xxxlarge.</p>