Typography
Check out below text utilities.
Example of Heading text
For heading u can use h1, h2, h3, h4, h5, h6 elements. The same font-styling is present for class names h1, h2, h3, h4, h5, h6 class. You can add one of these classes to style the text..
H1 - Heading 1
H2 - Heading 2
H3 - Heading 3
H4 - Heading 4
H5 - Heading 5
H6 - Heading 6
Example of Various Font sizes
For font-weight u can use fw, fw-900, fw-500, fw-400, fw-300, fw-100 elements. The same font-styling is present for class names h1, h2, h3, h4, h5, h6 class. You can add one of these classes to style the text..
Font weight 900
Font weight 700
Font weight 400
Font weight 300
Font weight 100
Example of Some Paragraph styles
You can use the mark tag to highlight text. Add text-mark class to mark tag
To strike-through the text, add text-strike class
To make text bold, add text-bold-weight class
To make text regular weight, add text-regular-weight class
To make text light, add text-light-weight class
To make text small in size, add text-small-size class
To make text color change there are 3 class, add one of the classes
primary-text-color, secondary-text-color, tertiary-text-color
Text with light font weight
Text with regular font weight
This line of text is meant to be treated as no longer accurate.
Text with tertiary-color
Text with secondary-color
Text with bold font weight
Small size text
You can use the mark tag to highlight text.
Text with primary-color