Helpers classes and components
Details on the different sizes and weights can be found in the Font weights, Font size and Line Height documentation.
Helper classes .dnb-t
This is a list of all the typography helper classes available. They are used by the Span and Paragraph components, but can also be used on their own. For visual examples, see the Paragraph demos.
Font weight
.dnb-t__weight--regular.dnb-t__weight--medium.dnb-t__weight--bold
Font size
.dnb-t__size--xx-large.dnb-t__size--x-large.dnb-t__size--large.dnb-t__size--basis.dnb-t__size--medium.dnb-t__size--small.dnb-t__size--x-small
Line heights
.dnb-t__line--xx-large.dnb-t__line--x-large.dnb-t__line--large.dnb-t__line--basis.dnb-t__line--medium.dnb-t__line--small.dnb-t__line--x-small
Text alignment
.dnb-t__align--center.dnb-t__align--left.dnb-t__align--right
Font family
.dnb-t__family--default.dnb-t__family--heading.dnb-t__family--monospace
Underline / italic
.dnb-t__decoration--underline.dnb-t__slant--italic