Implicitly styled button elements and class variations.

Button <button><span>Button</span></button>

Submit <button type="submit"><span>Submit</span></button>

Disabled <button disabled="disabled"><span>Disabled</span></button>

Primary <button class="primary"><span>Primary</span></button>

Icon or image button.

Icon button <button><span><img src="img/icon.png" alt="" />Icon button</span></button>

Submit <button type="submit"><span><img src="img/icon.png" alt="" />Submit</span></button>

Disabled <button disabled="disabled"><span><img src="img/icon.png" alt="" />Disabled</span></button>

Primary <button class="primary"><span><img src="img/icon.png" alt="" />Primary</span></button>

Skins:

button-small.css

Button <button class="small"><span>Button</span></button>

Submit <button type="submit" class="small"><span>Submit</span></button>

Disabled <button disabled="disabled" class="small"><span>Disabled</span></button>

Primary <button class="primary small"><span>Primary</span></button>

Icon button <button class="small"><span><img src="img/icon.png" alt="" />Icon button</span></button>

Submit <button type="submit" class="small"><span><img src="img/icon.png" alt="" />Submit</span></button>

Disabled <button disabled="disabled" class="small"><span><img src="img/icon.png" alt="" />Disabled</span></button>

Primary <button class="primary small" class="small"><span><img src="img/icon.png" alt="" />Primary</span></button>

button-mini.css

Button <button class="mini"><span>Button</span></button>

Submit <button type="submit" class="mini"><span>Submit</span></button>

Disabled <button disabled="disabled" class="mini"><span>Disabled</span></button>

Primary <button class="primary mini"><span>Primary</span></button>

Icon button <button class="mini"><span><img src="img/icon-mini.png" alt="" />Icon button</span></button>

Submit <button type="submit" class="mini"><span><img src="img/icon-mini.png" alt="" />Submit</span></button>

Disabled <button disabled="disabled" class="mini"><span><img src="img/icon-mini.png" alt="" />Disabled</span></button>

Primary <button class="primary mini" class="mini"><span><img src="img/icon-mini.png" alt="" />Primary</span></button>

button-rect.css

Button <button class="rect"><span>Button</span></button>

Submit <button type="submit" class="rect"><span>Submit</span></button>

Disabled <button disabled="disabled" class="rect"><span>Disabled</span></button>

Primary <button class="primary rect"><span>Primary</span></button>

Icon button <button class="rect"><span><img src="img/icon.png" alt="" />Icon button</span></button>

Submit <button type="submit" class="rect"><span><img src="img/icon.png" alt="" />Submit</span></button>

Disabled <button disabled="disabled" class="rect"><span><img src="img/icon.png" alt="" />Disabled</span></button>

Primary <button class="primary rect" class="rect"><span><img src="img/icon.png" alt="" />Primary</span></button>

button-rect-large.css

Button <button class="rect large"><span>Button</span></button>

Submit <button type="submit" class="rect large"><span>Submit</span></button>

Disabled <button disabled="disabled" class="rect large"><span>Disabled</span></button>

Primary <button class="primary rect large"><span>Primary</span></button>

Icon button <button class="rect large"><span><img src="img/icon.png" alt="" />Icon button</span></button>

Submit <button type="submit" class="rect large"><span><img src="img/icon.png" alt="" />Submit</span></button>

Disabled <button disabled="disabled" class="rect large"><span><img src="img/icon.png" alt="" />Disabled</span></button>

Primary <button class="primary rect large" class="rect large"><span><img src="img/icon.png" alt="" />Primary</span></button>

button-dark.css

Button <button class="dark"><span>Button</span></button>

Submit <button type="submit" class="dark"><span>Submit</span></button>

Disabled <button disabled="disabled" class="dark"><span>Disabled</span></button>

Primary <button class="primary dark"><span>Primary</span></button>

Icon button <button class="dark"><span><img src="img/icon.png" alt="" />Icon button</span></button>

Submit <button type="submit" class="dark"><span><img src="img/icon.png" alt="" />Submit</span></button>

Disabled <button disabled="disabled" class="dark"><span><img src="img/icon.png" alt="" />Disabled</span></button>

Primary <button class="primary dark" class="dark"><span><img src="img/icon.png" alt="" />Primary</span></button>