Lists

CSSkel styles unordered (ul) and ordered (ol) lists with consistent padding, margins, and bullet styles. Nested lists are styled with reduced margins and a softer text color.

Unordered Lists

Unordered lists use a disc bullet style, with a left padding of 1em and a bottom margin of 1rem for list items.

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>
  • Item 1
  • Item 2
  • Item 3

Ordered Lists

Ordered lists use a decimal number style, with the same padding and margin as unordered lists.

<ol>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ol>
  1. Item 1
  2. Item 2
  3. Item 3

Nested Lists

Nested lists have reduced margins (0.5rem 0 1rem 1rem) and use a softer text color (--text-color-softer).

<ul>
    <li>Item 1
        <ul>
            <li>Subitem 1</li>
            <li>Subitem 2</li>
        </ul>
    </li>
    <li>Item 2</li>
</ul>
  • Item 1
    • Subitem 1
    • Subitem 2
  • Item 2