Font-size

CSS file

Use the font size utility to make the text larger or smaller.

sba- u- font-size--[VALUE]
Namespace
Prefix
BEM syntax
U.S. Small Business Administration
U.S. Small Business Administration
U.S. Small Business Administration
U.S. Small Business Administration
U.S. Small Business Administration
U.S. Small Business Administration
U.S. Small Business Administration
U.S. Small Business Administration
U.S. Small Business Administration
U.S. Small Business Administration
U.S. Small Business Administration
<div class="sba-u-margin-y--2 sba-u-font-size--small">U.S. Small Business Administration</div>
<div class="sba-u-margin-y--2 sba-u-font-size--base">U.S. Small Business Administration</div>
<div class="sba-u-margin-y--2 sba-u-font-size--lead">U.S. Small Business Administration</div>
<div class="sba-u-margin-y--2 sba-u-font-size--display">U.S. Small Business Administration</div>
<div class="sba-u-margin-y--2 sba-u-font-size--title">U.S. Small Business Administration</div>
<div class="sba-u-margin-y--2 sba-u-font-size--h1">U.S. Small Business Administration</div>
<div class="sba-u-margin-y--2 sba-u-font-size--h2">U.S. Small Business Administration</div>
<div class="sba-u-margin-y--2 sba-u-font-size--h3">U.S. Small Business Administration</div>
<div class="sba-u-margin-y--2 sba-u-font-size--h4">U.S. Small Business Administration</div>
<div class="sba-u-margin-y--2 sba-u-font-size--h5">U.S. Small Business Administration</div>
<div class="sba-u-margin-y--2 sba-u-font-size--h6">U.S. Small Business Administration</div>

Responsive font sizes

sba- u- lg- font-size--[VALUE]
Namespace
Prefix
Breakpoint
BEM syntax
<div class="sba-u-font-size--small sba-u-sm-font-size--h4 sba-u-md-font-size--h3 sba-u-lg-font-size--h2 sba-u-xl-font-size--display">U.S. Small Business Administration</div>