Font-size
Separators are used for separating items in a linear list with a character. The character may be a •, |, or —. Using this utility will allow for more space between those characters than an HTML space would typically allow.
sba-
u-
separator--[VALUE]
Namespace
Prefix
BEM syntax
The value is a number of 1 thru 7, with that number being a multiple of 8.
Item • Item
Item • Item
Item • Item
Item • Item
Item • Item
Item • Item
Item • Item
<p>Item <span class="sba-u-separator--1">•</span> Item</p>
<p>Item <span class="sba-u-separator--2">•</span> Item</p>
<p>Item <span class="sba-u-separator--3">•</span> Item</p>
<p>Item <span class="sba-u-separator--4">•</span> Item</p>
<p>Item <span class="sba-u-separator--5">•</span> Item</p>
<p>Item <span class="sba-u-separator--6">•</span> Item</p>
<p>Item <span class="sba-u-separator--7">•</span> Item</p>