More display-* headings - .display-5

Created by: sts-ryan-holton

New .display-5 class

When creating website banners I often find myself using one of the .display-* headings from Bootstrap. They're clean, simple and look great!

The problem I've encountered is I find myself slightly restricted with the current .display-* classes, more specifically with the sizing, I often find myself needing something slightly smaller than .display-4 and often tend to create my own .display-5 class, and in the very rare occasion a .display-6 class.

Could we extend this part and create an additional .display-65 class?

Something like:

.display-5 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}

I'm sure this wouldn't take too long to add?

This is a mock-up of what the sizing would look like:

Many Thanks!

:-)

Reference: https://getbootstrap.com/docs/4.1/content/typography/