PaperCSS

<ul class="list-group">
    <li>List item #1</li>
    <li>List item #2</li>
    <li>List item #3</li>
</ul>

<ul class="list-group">
    <li class="active">
        List item #1
    </li>
    <li>
        List item #2
    </li>
    <li>
        List item #3
    </li>
</ul>

<ul class="list-group">
    <li class="list-group-item-success">
        List item success
    </li>
    <li class="list-group-item-danger">
        List item danger
    </li>
    <li class="list-group-item-warning">
        List item warning
    </li>
</ul>

<div class="list-group">
    <div class="list-group-item active">
        <h4>Heading #1</h4>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
    </div>
    <div class="list-group-item">
        <h4>Heading #2</h4>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
    </div>
    <div class="list-group-item-success">
        <h4>Heading #3</h4>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
    </div>
</div>