Heading Styles
Sometimes is it required that you style a heading element to look like a different hierarchical heading; an h4
to look like an h2
.
This is particularly useful when you want to preserve the correct document hierarchy, (useful for accessibility) but the design of your view does not strictly adhere to it.
Notes:
Making your component heading look like an h1
Mixin | Style |
---|---|
headingStyle("h1")
|
Heading One |
headingStyle("h2")
|
Heading Two |
headingStyle("h3")
|
Heading Three |
headingStyle("h4")
|
Heading Four |
headingStyle("h5")
|
Heading Five |
headingStyle("h6")
|
Heading Six |