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;