inFakt Styleguide

Listy

Lista zielona

  • Lorem ipsum dolor.
  • Lorem ipsum dolor sit.
  • Lorem ipsum dolor sit amet.
  <ul class="thick--green">
    <li>Lorem ipsum dolor.</li>
    <li>Lorem ipsum dolor sit.</li>
    <li>Lorem ipsum dolor sit amet.</li>
  </ul>

Lista zielona – pomniejszona

  • Lorem ipsum dolor.
  • Lorem ipsum dolor sit.
  • Lorem ipsum dolor sit amet.
<div class="col-thick">
  <ul class="thick--green">
    <li>Lorem ipsum dolor.</li>
    <li>Lorem ipsum dolor sit.</li>
    <li>Lorem ipsum dolor sit amet.</li>
  </ul>
</div>

Lista niebieska

  • Od 2 do 4 dni trwa uruchomienie usługi
  • Bez wychodzenia z domu / biura
  • Wymagany dowód osobisty
<ul class="thick--blue">
  <li>Od 2 do 4 dni trwa uruchomienie usługi</li>
  <li>Bez wychodzenia z domu / biura</li>
  <li>Wymagany dowód osobisty</li>
</ul>

Lista szara – bullet

  • Lorem ipsum dolor.
  • Lorem ipsum dolor sit.
  • Lorem ipsum dolor sit amet.
<ul class="bullet-list">
  <li>Lorem ipsum dolor.</li>
  <li>Lorem ipsum dolor sit.</li>
  <li>Lorem ipsum dolor sit amet.</li>
</ul>

Lista – statusy

  • Lorem ipsum dolor.
  • Lorem ipsum dolor sit.
  • Lorem ipsum dolor sit amet.
<ul class="status-sidebar-step-status">
  <li class="step-status--ok">Lorem ipsum dolor.</li>
  <li class="step-status--warn">Lorem ipsum dolor sit.</li>
  <li class="step-status--wait">Lorem ipsum dolor sit amet.</li>
</ul>