Headings uppercase
The larger headings (3xl, 4xl, and 5xl) have the same size when presented on small screens. They are used to create additional hierarchy on large screens.
3xl
This is a heading
Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus, doloribus repellat explicabo ipsam reprehenderit sed blanditiis omnis sint, aliquam ducimus nam, labore veniam exercitationem harum quaerat sit fugit vitae voluptas.
c-heading-uc c-heading-uc--3xl
2xl
This is a heading
Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus, doloribus repellat explicabo ipsam reprehenderit sed blanditiis omnis sint, aliquam ducimus nam, labore veniam exercitationem harum quaerat sit fugit vitae voluptas.
c-heading-uc c-heading-uc--2xl
xl
This is a heading
Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus, doloribus repellat explicabo ipsam reprehenderit sed blanditiis omnis sint, aliquam ducimus nam, labore veniam exercitationem harum quaerat sit fugit vitae voluptas.
c-heading-uc c-heading-uc--xl
l
This is a heading
Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus, doloribus repellat explicabo ipsam reprehenderit sed blanditiis omnis sint, aliquam ducimus nam, labore veniam exercitationem harum quaerat sit fugit vitae voluptas.
c-heading-uc c-heading-uc--l
m
This is a heading
Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus, doloribus repellat explicabo ipsam reprehenderit sed blanditiis omnis sint, aliquam ducimus nam, labore veniam exercitationem harum quaerat sit fugit vitae voluptas.
c-heading-uc c-heading-uc--m
s
This is a heading
Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus, doloribus repellat explicabo ipsam reprehenderit sed blanditiis omnis sint, aliquam ducimus nam, labore veniam exercitationem harum quaerat sit fugit vitae voluptas.
c-heading-uc c-heading-uc--s
xs
This is a heading
Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus, doloribus repellat explicabo ipsam reprehenderit sed blanditiis omnis sint, aliquam ducimus nam, labore veniam exercitationem harum quaerat sit fugit vitae voluptas.
c-heading-uc c-heading-uc--xs
2xs
This is a heading
Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus, doloribus repellat explicabo ipsam reprehenderit sed blanditiis omnis sint, aliquam ducimus nam, labore veniam exercitationem harum quaerat sit fugit vitae voluptas.
c-heading-uc c-heading-uc--2xs
See also Uppercase headings.