Lungo.js/example/static/articles/buttons.html

<article id="buttons" class="scroll indented">
    <div>
        <h1>Sizes</h1>
        <p class="margin bottom">
            <a href="#" class="button tiny">tiny</a>
            <a href="#" class="button small">small</a>
            <a href="#" class="button">default</a>
            <a href="#" class="button large">large</a>
        </p>
        <a href="#" class="button anchor margin bottom">anchor</a>
        <h1>Icons</h1>
        <p class="margin bottom">
            <a href="#" class="button tiny" data-icon="check" ></a>
            <a href="#" class="button small" data-icon="check" ></a>
            <a href="#" class="button"  data-icon="check" ></a>
            <a href="#" class="button large"  data-icon="check" ></a>
        </p>
        <h1>Text + Icons</h1>
        <p class="margin bottom">
            <a href="#" class="button tiny" data-icon="check" data-label="tiny"></a>
            <a href="#" class="button small" data-icon="check" data-label="small"></a>
            <a href="#" class="button"  data-icon="check" data-label="default"></a>
            <a href="#" class="button large"  data-icon="check" data-label="large"></a>
        </p>

        <h1>Colors</h1>
        <p>
            <a href="#" class="button anchor margin bottom">default</a>
            <a href="#" class="button anchor secondary margin bottom">secondary</a>
            <a href="#" class="button anchor accept margin bottom">accept</a>
            <a href="#" class="button anchor cancel margin bottom">cancel</a>
            <a href="#" class="button anchor margin bottom" disabled=true>disabled</a>
        </p>
    </div>
</article>