Dot Leader

Overview

Add a typographic leader between two text elements.

  • Tipkobvi 32
  • Sevrinu 38
  • Pahohom 165
  • Hilsufofe 74 
<ul class="u-listUnstyled">

  <li class="DotLeader ">
    <span class="DotLeader-start ">Oliwok</span>
    <span class="DotLeader-between " aria-hidden="true"></span>
    <span class="DotLeader-end ">133</span>
  </li>

  <li class="DotLeader ">
    <span class="DotLeader-start ">Omo</span>
    <span class="DotLeader-between " aria-hidden="true"></span>
    <span class="DotLeader-end ">113</span>
  </li>

  <li class="DotLeader ">
    <span class="DotLeader-start ">Kim</span>
    <span class="DotLeader-between " aria-hidden="true"></span>
    <span class="DotLeader-end ">97</span>
  </li>

  <li class="DotLeader ">
    <span class="DotLeader-start ">Ru</span>
    <span class="DotLeader-between " aria-hidden="true"></span>
    <span class="DotLeader-end ">200</span>
  </li>
</ul>