We've updated our documenation to align with our other frameworks. Our new documenation will
live here and these pages will be removed.
Titles
Titles are stylized headings that call out important information or data. They are comprised of a title bar, headline, and caption. Title text styles and color can be customized.
Default title
To create a title start with a <div> tag and add the class .title. Insert a <span> tag with the class .bar to create the title bar and a <div> tag with the class .title-text for the title content. Finally, wrap title headers in <h3> tags and title captions in <h6> tags and insert them into the .title-text<div> tag.
Title text content is fully customizable. Replace <h3> or <h6> tags with an <a> tag or any <h1> to <h6> tag. Add .is-regular or .upper classes to text elements to create regular or uppercase text. Finally, customize text color by adding .is-status-$status or .is-$color-$value classes to text elements.