turretcss

Display Title


Example

Display Title

HTML

<h1 class="display-title">...</h1>

CSS

--display-title-margin: 0.125em 0;
--display-title-font-family: inherit;
--display-title-font-weight: var(--font-weight-bold);
--display-title-font-size: 1.5rem;
--display-title-font-style: normal;
--display-title-color: inherit;
--display-title-line-height: var(--line-height-xxs);
--display-title-text-transform: none;
--display-title-letter-spacing: 0;

Sizes

Display Title XXL

Display Title XL

Display Title L

Display Title M

Display Title S

Display Title XS

Display Title XXS

HTML

<h1 class="display-title display-title-xxl">...</h1>
<h1 class="display-title display-title-xl">...</h1>
<h1 class="display-title display-title-l">...</h1>
<h1 class="display-title">...</h1>
<h1 class="display-title display-title-s">...</h1>
<h1 class="display-title display-title-xs">...</h1>
<h1 class="display-title display-title-xxs">...</h1>

CSS

--display-title-xxl-font-size: 2.5rem;
--display-title-xl-font-size: 2rem;
--display-title-l-font-size: 1.75rem;
--display-title-s-font-size: 1.25rem;
--display-title-xs-font-size: 1.125rem;
--display-title-xxs-font-size: 1rem;