Current Directory: /home/astoriaah/www/templates/yootheme/vendor/yootheme/theme/modules/styler/tests
Viewing File: /home/astoriaah/www/templates/yootheme/vendor/yootheme/theme/modules/styler/tests/list.html
<div class="uk-section uk-section-default">
<div class="uk-container">
<div class="uk-child-width-1-4" uk-grid>
<div>
<h3>Default</h3>
<ul class="uk-list">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4
<ul>
<li>List item 1</li>
<li>List item 3
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
</li>
</ul>
</li>
<li>List item 6</li>
</ul>
</div>
<div>
<h3>Bullet</h3>
<ul class="uk-list uk-list-bullet">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>
List item 4
<ul class="uk-width-1-1">
<li>List item 1</li>
<li>List item 3
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
</li>
</ul>
</li>
<li>List item 6</li>
</ul>
</div>
<div>
<h3>Divider</h3>
<ul class="uk-list uk-list-divider">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4
<ul>
<li>List item 1</li>
<li>List item 3
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
</li>
</ul>
</li>
<li>List item 6</li>
</ul>
</div>
<div>
<h3>Striped</h3>
<ul class="uk-list uk-list-striped">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4
<ul>
<li>List item 1</li>
<li>List item 3
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
</li>
</ul>
</li>
<li>List item 6</li>
</ul>
</div>
</div>
<h2>Large</h2>
<div class="uk-child-width-1-4" uk-grid>
<div>
<h3>Default</h3>
<ul class="uk-list uk-list-large">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4
<ul>
<li>List item 1</li>
<li>List item 3
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
</li>
</ul>
</li>
<li>List item 6</li>
</ul>
</div>
<div>
<h3>Bullet</h3>
<ul class="uk-list uk-list-large uk-list-bullet">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>
List item 4
<ul class="uk-width-1-1">
<li>List item 1</li>
<li>List item 3
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
</li>
</ul>
</li>
<li>List item 6</li>
</ul>
</div>
<div>
<h3>Divider</h3>
<ul class="uk-list uk-list-large uk-list-divider">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4
<ul>
<li>List item 1</li>
<li>List item 3
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
</li>
</ul>
</li>
<li>List item 6</li>
</ul>
</div>
<div>
<h3>Striped</h3>
<ul class="uk-list uk-list-large uk-list-striped">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4
<ul>
<li>List item 1</li>
<li>List item 3
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
</li>
</ul>
</li>
<li>List item 6</li>
</ul>
</div>
</div>
</div>
</div>