gistfile1.html

<h2>Buttons</h2>
<button class="white">white</button>
<button class="red">red</button>
<button class="pink">pink</button>
<button class="purple">purple</button>
<button class="deep-purple">deep-purple</button>
<button class="indigo">indigo</button>
<button class="blue">blue</button>
<button class="light-blue">light-blue</button>
<button class="cyan">cyan</button>
<button class="teal">teal</button>
<button class="green">green</button>
<button class="light-green">light-green</button>
<button class="lime">lime</button>
<button class="yellow">yellow</button>
<button class="amber">amber</button>
<button class="orange">orange</button>
<button class="deep-orange">deep-orange</button>
<button class="brown">brown</button>
<button class="grey">grey</button>
<button class="blue-grey">blue-grey</button>

<hr>

<h2>Button sizes</h2>
<button class="xs teal">xs teal</button>
<button class="s teal">s teal</button>
<button class="m teal">m teal</button>
<button class="l teal">l teal</button>
<button class="xl teal">xl teal</button>

<hr>

<h2>Utilities</h2>
<button class="loose red">loose red</button>
<button class="uppercase green">uppercase green</button>