Let's have fun

Let's have fun

List

Info

This framework's list is an unordered (bulleted) list. But the style of the list has been adjusted slightly.

The list

list
<ul class="list">
  <li>text</li>
  <li>text</li>
  <li>text</li>
  <li>text</li>
</ul>

Add Border

list border
<ul class="list border">
  <li>text</li>
  <li>text</li>
  <li>text</li>
  <li>text</li>
</ul>

fit-content box-center

list fit-content box-center
<ul class="list fit-content box-center">
  <li>text</li>
  <li>text</li>
  <li>text</li>
  <li>text</li>
</ul>

List on a card

  • text
  • text
  • text
  • text
card width-300 box-center
<div class="card width-300 box-center">
  <ul class="list border">
    <li>text</li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
  </ul>
</div>

Colors

To adjust the colors of the list, simply use the text-* color classes and or the border-* color classes .

<ul class="list text-blue">
  <li class="border-red">text</li>
  <li class="border-red">text</li>
  <li class="border-red">text</li>
  <li>text</li>
</ul>