check-list v1

Summary

The check-list v1 is a simple form of the task-list without further functions.

Markup

<div class="check-list v1">
    <div class="item">
        <div>
            <div class="page-title v7">
                <h3 class="title">Item 1</h3>
                <p class="sub-title">Lorem ipsum dolor sit amet.</p>
            </div>
        </div>
    </div>
    <div class="item incomplete">
        <span>&.incomplete</span>
    </div>
</div>

.item

Lorem ipsum dolor sit amet.

&.incomplete

.item.square-check

Lorem ipsum dolor sit amet.

item.square-check.incomplete

Lorem ipsum dolor sit amet.

Item 5

item square-check-light incomplete

Lorem ipsum dolor sit amet.

item round-check-light

Lorem ipsum dolor sit amet.

item round-check-light incomplete

Lorem ipsum dolor sit amet.

item round-check

Lorem ipsum dolor sit amet.

item round-check incomplete

Lorem ipsum dolor sit amet.