Heading Steps will add numbers to the beginning of a heading. A visual representation of this is shown in the numebers 1-4 listed in the example above.
<div class="heading-steps">
<article class="heading-steps__item">
<h3>Create an Account</h3>
</article>
<article class="heading-steps__item">
<h3>Request Allocations</h3>
</article>
<article class="heading-steps__item">
<h3>Learn How to Use Our Resources</h3>
</article>
<article class="heading-steps__item">
<h3>Work With Our Team</h3>
</article>
</div>
{
"shouldSkipPattern": true,
"globalStyles": [
{
"isInternal": true,
"layer": "base",
"path": "/assets/core-styles.demo.css"
},
{
"isInternal": true,
"layer": "base",
"path": "/assets/core-styles.base.css"
}
],
"cmsStyles": [
{
"isInternal": true,
"layer": "base",
"path": "/assets/core-styles.cms.css"
}
],
"docsStyles": [
{
"isInternal": true,
"layer": "base",
"path": "/assets/core-styles.docs.css"
}
],
"portalStyles": [
{
"isInternal": true,
"layer": "base",
"path": "/assets/core-styles.portal.css"
}
],
"subdir": "objects",
"shouldLoadCMS": true
}