City of Tampa Style Guide

Display (Size) 8.5

Toggle example guides Toggle HTML markup

The Display classes are for overly large text sizes, typically used in hero, jumbotrons or banners. These Display classes are much larger than the sites Headings.

When to use: When you need to visually adjust text size, but not semantically adjust its importance as with headings.

<insert-markup>typography.size-</insert-markup>
Normal sized text
Text Small
Text Large
h1. Bootstrap heading
h2. Bootstrap heading
h3. Bootstrap heading
h4. Bootstrap heading
h5. Bootstrap heading
h6. Bootstrap heading
Display 1
Display 2
Display 3
Display 4
Display 5
Display 6
Source: src/scss/base/_typography.scss, line 275