Blaze UI Headings Small
Blaze UI is a free open source UI Toolkit that provides a great structure for building websites quickly with a scalable and maintainable foundation. All components in Blaze UI are developed mobile-first and rely solely on native browser features, not a separate library or framework. It helps us to create a scalable and responsive website fast and efficiently with a consistent style.
Heading elements are used to emphasize titles by creating bold and big typography. The Blaze UI provides multiple types of headings such as Super heading, Large heading, small heading, extra small heading, and more. In this article, we will learn about the small heading.
The small heading is used to emphasize the heading with bold styling and a slightly smaller font size than normal headings. To create a small heading in Blaze UI, we use the .c-heading and .u-small classes. The .c-heading class gives the heading usual styling of the blaze UI and .u-small makes the size of the heading smaller than usual. These classes can be applied on <h1> to <h6>, <div> and <span> elements.
Classes used for Small Heading:
- u-small: The .u-small class is used to create the small heading.
<h1 class="c-heading u-small"> Content </h1>
Example 1: This example demonstrates the small heading of Blaze UI in the <div> and <span> elements.
Example 2: This example demonstrates the small heading of Blaze UI in the <h1> to <h6> element.