# list-unordered

The markup of every demo on <https://kuiper.oeds.it/list-unordered/>, 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>unordered list</h3>
<ul><li>list item</li><li>list item</li><li>list item</li></ul>
```

## :where(article) ul > li

```html
<article>
 <h3>unordered list</h3>
 <ul><li>list item</li><li>list item</li><li>list item</li></ul>
</article>
```

## nested

```html
<h3>unordered list</h3>
<ul><li>list item</li><li>list item<ul><li>list item</li><li>list item<ul><li>list item</li><li>list item<ul><li>list item</li><li>list item<ul><li>list item</li><li>list item<ul><li>list item</li><li>list item<ul><li>list item</li><li>list item<ul><li>list item</li><li>list item<ul><li>list item</li><li>list item<ul><li>list item</li><li>list item<ul><li>list item</li><li>list item</li><li>list item</li></ul></li><li>list item</li></ul></li><li>list item</li></ul></li><li>list item</li></ul></li><li>list item</li></ul></li><li>list item</li></ul></li><li>list item</li></ul></li><li>list item</li></ul></li><li>list item</li></ul></li><li>list item</li></ul></li><li>list item</li></ul>
```

## :where(article) nested

```html
<article>
 <h3>unordered list</h3>
 <ul><li>list item</li><li>list item<ul><li>list item</li><li>list item<ul><li>list item</li><li>list item<ul><li>list item</li><li>list item<ul><li>list item</li><li>list item<ul><li>list item</li><li>list item<ul><li>list item</li><li>list item<ul><li>list item</li><li>list item<ul><li>list item</li><li>list item<ul><li>list item</li><li>list item<ul><li>list item</li><li>list item</li><li>list item</li></ul></li><li>list item</li></ul></li><li>list item</li></ul></li><li>list item</li></ul></li><li>list item</li></ul></li><li>list item</li></ul></li><li>list item</li></ul></li><li>list item</li></ul></li><li>list item</li></ul></li><li>list item</li></ul></li><li>list item</li></ul>
</article>
```