Example
ol- List item
li - List item
li- Nested list item
- Nested list item
- Another nested list item
- Another nested list item
ul- List item
li - List item
li- Nested list item
- Nested list item
- Another nested list item
- Another nested list item
dl- key
dt - value
dd -
- 1st key
- 2nd key
- value
- key
-
- 1st value
- 2nd value
Markup
<figure class="h-Ruled">
<figcaption>Ordered List <code>ol</code></figcaption>
<ol>
<li>List item <code>li</code></li>
<li>List item <code>li</code>
<ol>
<li>Nested list item</li>
<li>Nested list item
<ol>
<li>Another nested list item</li>
<li>Another nested list item</li>
</ol>
</li>
</ol>
</li>
</ol>
</figure>
<figure class="h-Ruled">
<figcaption>Unrdered List <code>ul</code></figcaption>
<ul>
<li>List item <code>li</code></li>
<li>List item <code>li</code>
<ul>
<li>Nested list item</li>
<li>Nested list item
<ul>
<li>Another nested list item</li>
<li>Another nested list item</li>
</ul>
</li>
</ul>
</li>
</ul>
</figure>
<figure class="h-Ruled">
<figcaption>Dictionary List <code>dl</code></figcaption>
<dl>
<dt>key <code>dt</code></dt>
<dd>value <code>dd</code></dd>
<dt>
<ul>
<li>1st key</li>
<li>2nd key</li>
</ul>
</dt>
<dd>value</dd>
<dt>key</dt>
<dd>
<ul>
<li>1st value</li>
<li>2nd value</li>
</ul>
</dd>
</dl>
</figure>
Source:
kss-base.scss, line 148