<div class="uk-section uk-section-default">
    <div class="uk-container">

        <h2>Color</h2>

        <div class="uk-child-width-1-4" uk-grid>
            <div>

                <h3>Muted</h3>

                <ul class="uk-list uk-list-disc uk-list-muted">
                    <li>List item 1</li>
                    <li>List item 2</li>
                    <li>List item 3</li>
                    <li>List item 4</li>
                </ul>

            </div>
            <div>

                <h3>Emphasis</h3>

                <ul class="uk-list uk-list-disc uk-list-emphasis">
                    <li>List item 1</li>
                    <li>List item 2</li>
                    <li>List item 3</li>
                    <li>List item 4</li>
                </ul>

            </div>
            <div>

                <h3>Primary</h3>

                <ul class="uk-list uk-list-disc uk-list-primary">
                    <li>List item 1</li>
                    <li>List item 2</li>
                    <li>List item 3</li>
                    <li>List item 4</li>
                </ul>

            </div>
            <div>

                <h3>Secondary</h3>

                <ul class="uk-list uk-list-disc uk-list-secondary">
                    <li>List item 1</li>
                    <li>List item 2</li>
                    <li>List item 3</li>
                    <li>List item 4</li>
                </ul>

            </div>
        </div>

        <h2>Style</h2>

        <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</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</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</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</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</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</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</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</li>
                </ul>

            </div>
        </div>

    </div>
</div>
