# list-ordered

The markup of every demo on <https://kuiper.oeds.it/list-ordered/>, extracted from that
page. It is generated, so it cannot disagree with what the page renders.

Load the framework from the origin and read <https://kuiper.oeds.it/docs/KUIPER.md> first:
a Kuiper class carries no prefix and a UIkit behavior attribute carries `data-`.

## ul > li

```html
<h3>ordered list</h3>
<ol><li>list item</li><li>list item</li><li>list item</li></ol>
```

## :where(article) ul > li

```html
<article>
 <h3>ordered list</h3>
 <ol><li>list item</li><li>list item</li><li>list item</li></ol>
</article>
```

## nested

```html
<h3>ordered list</h3>
<ol><li>list item</li><li>list item<ol><li>list item</li><li>list item<ol><li>list item</li><li>list item<ol><li>list item</li><li>list item<ol><li>list item</li><li>list item<ol><li>list item</li><li>list item<ol><li>list item</li><li>list item<ol><li>list item</li><li>list item<ol><li>list item</li><li>list item<ol><li>list item</li><li>list item<ol><li>list item</li><li>list item</li><li>list item</li></ol></li><li>list item</li></ol></li><li>list item</li></ol></li><li>list item</li></ol></li><li>list item</li></ol></li><li>list item</li></ol></li><li>list item</li></ol></li><li>list item</li></ol></li><li>list item</li></ol></li><li>list item</li></ol></li><li>list item</li></ol>
```

## :where(article) nested

```html
<article>
 <h3>ordered list</h3>
 <ol><li>list item</li><li>list item<ol><li>list item</li><li>list item<ol><li>list item</li><li>list item<ol><li>list item</li><li>list item<ol><li>list item</li><li>list item<ol><li>list item</li><li>list item<ol><li>list item</li><li>list item<ol><li>list item</li><li>list item<ol><li>list item</li><li>list item<ol><li>list item</li><li>list item<ol><li>list item</li><li>list item</li><li>list item</li></ol></li><li>list item</li></ol></li><li>list item</li></ol></li><li>list item</li></ol></li><li>list item</li></ol></li><li>list item</li></ol></li><li>list item</li></ol></li><li>list item</li></ol></li><li>list item</li></ol></li><li>list item</li></ol></li><li>list item</li></ol>
</article>
```

## :where(article) type="1"

```html
<article>
 <h3>ordered list</h3>
 <ol type="1"><li>list item</li><li>list item</li><li>list item</li></ol>
</article>
```

## :where(article) type="A"

```html
<article>
 <h3>ordered list</h3>
 <ol type="A"><li>list item</li><li>list item</li><li>list item</li></ol>
</article>
```

## :where(article) type="a"

```html
<article>
 <h3>ordered list</h3>
 <ol type="a"><li>list item</li><li>list item</li><li>list item</li></ol>
</article>
```

## :where(article) type="I"

```html
<article>
 <h3>ordered list</h3>
 <ol type="I"><li>list item</li><li>list item</li><li>list item</li></ol>
</article>
```

## :where(article) type="i"

```html
<article>
 <h3>ordered list</h3>
 <ol type="i"><li>list item</li><li>list item</li><li>list item</li></ol>
</article>
```