demo/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="description" content="Examples of the sass mixins in use.">
    <title>Sass mixins demo page</title>
    <link rel="stylesheet" href="stylesheets/demo.css" type="text/css">
  </head>

  <section id="buttons">
    <h2>Demo: button mixin</h2>
    <p>The button add-on provides well-designed buttons with a single line in your CSS.</p>

    <section class="button-set simple">
      <p>Simple</p>

      <section>
        <button class="default">Simple button</button>
      </section>

      <section>
        <button class="color-2">Simple button</button>
      </section>

      <section>
        <button class="color-3">Simple button</button>
      </section>
    </section>

    <section class="button-set shiny">
      <p>Shiny</p>

      <section>
        <button class="default">Shiny button</button>
      </section>

      <section>
        <button class="color-2">Shiny button</button>
      </section>

      <section>
        <button class="color-3">Shiny button</button>
      </section>
    </section>

    <section class="button-set pill">
      <p>Pill</p>

      <section>
        <button class="default">Pill button</button>
      </section>

      <section>
        <button class="color-2">Pill button</button>
      </section>

      <section>
        <button class="color-3">Pill button</button>
      </section>
    </section>
  </section>

  <body>

  </body>
</html>