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