Typography
Introduction
Marvel UI provides you with various text utlities for your content.
You can use them to style your text, and also position them based on requirement.
Headings
All HTML headings, from h1 to h6.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Code:
Paragraph
There are 6 different paragraph text sizes, in addition to the default size provided by your browser.
It's a X-Large Paragraph
It's a Large Paragraph
It's a Medium Paragraph
It's a normal Paragraph
It's a Small Paragraph
It's a X-Small Paragraph
Code:
Alignment
Text can be aligned to 3 different positions inside it's parent container.
Classes for the different alignments are: txt-start ,txt-center & txt-end .
Text aligned start
Text aligned center
Text aligned end
Code:
Additonal Text Styles
Based on content on your website, you can utilize certain text styles defined in Powertrain.
Text can be styled using these classes: txt-primary ,txt-grey ,txt-strike & txt-underline .
It's a Primary Text
It's a Grey Text
It's Underline Text
It's Striked Text
Code: