Sandbox

Bullet

Aenean eu leo quam pellentesque.
Nullam quis risus eget urna mollis.
Donec id elit non mi porta gravida.
Fusce dapibus, tellus ac cursus.

View example's code

<ul class="unordered-list bullet-primary">
  <li>Aenean eu leo quam pellentesque.</li>
  <li>Nullam quis risus eget urna mollis.</li>
  <li>Donec id elit non mi porta gravida.</li>
  <li>Fusce dapibus, tellus ac cursus.</li>
</ul>

Icon

Aenean eu leo quam pellentesque.
Nullam quis risus eget urna mollis.
Donec id elit non mi porta gravida.
Fusce dapibus, tellus ac cursus.

View example's code

<ul class="icon-list bullet-primary">
  <li><span><i class="uil uil-arrow-right"></i></span><span>Aenean eu leo quam pellentesque.</span></li>
  <li><span><i class="uil uil-arrow-right"></i></span><span>Nullam quis risus eget urna mollis.</span></li>
  <li><span><i class="uil uil-arrow-right"></i></span><span>Donec id elit non mi porta gravida.</span></li>
  <li><span><i class="uil uil-arrow-right"></i></span><span>Fusce dapibus, tellus ac cursus.</span></li>
</ul>

Icon Circle

Aenean eu leo quam pellentesque.
Nullam quis risus eget urna mollis.
Donec id elit non mi porta gravida.
Fusce dapibus, tellus ac cursus.

View example's code

<ul class="icon-list bullet-bg bullet-soft-green">
  <li><span><i class="uil uil-check"></i></span><span>Aenean eu leo quam pellentesque.</span></li>
  <li><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis.</span></li>
  <li><span><i class="uil uil-check"></i></span><span>Donec id elit non mi porta gravida.</span></li>
  <li><span><i class="uil uil-check"></i></span><span>Fusce dapibus, tellus ac cursus.</span></li>
</ul>

Lists

Bullet

Icon

Icon Circle

Think unique and be creative. Make a difference with Sandbox.

Usage

Styleguide

Elements

Lists

Bullet

Icon

Icon Circle

Think unique and be creative. Make a difference with Sandbox.