anchor.diff:  <br>
   <br>
   
  -<div class="grid">
  -  <div class="row">
  -    <div class="span-3">
  -      <h3>Button color</h3>
  -      <table class="table border-col border-header-row">
  -        <thead>
  -        <tr>
  -          <th>Button</th>
  -          <th><code>class="btn *"</code></th>
  -        </tr>
  -        </thead>
  -        <tbody>
  -        <tr>
  -          <td>
  +<h2>Button color</h2>
  +<table class="table border-col border-header-row">
  +    <thead>
  +    <tr>
  +        <th class="span-3">Button</th>
  +        <th><code>class="btn *"</code></th>
  +    </tr>
  +    </thead>
  +    <tbody>
  +    <tr>
  +        <td>
               <button class="btn">Default</button>
  -          </td>
  -          <td></td>
  -        </tr>
  -        <tr>
  -          <td>
  +        </td>
  +        <td></td>
  +    </tr>
  +    <tr>
  +        <td>
               <button class="btn blue">Blue</button>
  -          </td>
  -          <td><code>blue</code></td>
  -        </tr>
  -        <tr>
  -          <td>
  +        </td>
  +        <td><code>blue</code></td>
  +    </tr>
  +    <tr>
  +        <td>
               <button class="btn green">Green</button>
  -          </td>
  -          <td><code>green</code></td>
  -        </tr>
  -        <tr>
  -          <td>
  +        </td>
  +        <td><code>green</code></td>
  +    </tr>
  +    <tr>
  +        <td>
               <button class="btn orange">Orange</button>
  -          </td>
  -          <td><code>orange</code></td>
  -        </tr>
  -        <tr>
  -          <td>
  +        </td>
  +        <td><code>orange</code></td>
  +    </tr>
  +    <tr>
  +        <td>
               <button class="btn red">Red</button>
  -          </td>
  -          <td><code>red</code></td>
  -        </tr>
  -        <tr>
  -          <td>
  +        </td>
  +        <td><code>red</code></td>
  +    </tr>
  +    <tr>
  +        <td>
               <button class="btn grey">Grey</button>
  -          </td>
  -          <td><code>grey</code></td>
  -        </tr>
  -        <tr>
  -          <td>
  +        </td>
  +        <td><code>grey</code></td>
  +    </tr>
  +    <tr>
  +        <td>
               <button class="btn black">Black</button>
  -          </td>
  -          <td><code>black</code></td>
  -        </tr>
  -        </tbody>
  -      </table>
  -    </div>
  -    <div class="span-4">
  -      <h3>Button size</h3>
  -      <table class="table border-col border-header-row" >
  -        <thead>
  -        <tr>
  -          <th>Button</th>
  -          <th><code>class="btn *"</code></th>
  -        </tr>
  -        </thead>
  -        <tbody>
  -        <tr>
  -          <td>
  +        </td>
  +        <td><code>black</code></td>
  +    </tr>
  +    </tbody>
  +</table>
  +
  +<br>
  +<br>
  +
  +<h2>Button size</h2>
  +<table class="table border-col border-header-row" >
  +    <thead>
  +    <tr>
  +        <th class="span-3">Button</th>
  +        <th><code>class="btn *"</code></th>
  +    </tr>
  +    </thead>
  +    <tbody>
  +    <tr>
  +        <td>
               <button class="btn">Default</button>
  -          </td>
  -          <td></td>
  -        </tr>
  -        <tr>
  -          <td>
  +        </td>
  +        <td></td>
  +    </tr>
  +    <tr>
  +        <td>
               <button class="btn mini">Mini</button>
  -          </td>
  -          <td><code>mini</code></td>
  -        </tr>
  -        <tr>
  -          <td>
  +        </td>
  +        <td><code>mini</code></td>
  +    </tr>
  +    <tr>
  +        <td>
               <button class="btn small">Small</button>
  -          </td>
  -          <td><code>small</code></td>
  -        </tr>
  -        <tr>
  -          <td>
  +        </td>
  +        <td><code>small</code></td>
  +    </tr>
  +    <tr>
  +        <td>
               <button class="btn medium">Medium</button>
  -          </td>
  -          <td><code>medium</code></td>
  -        </tr>
  -        <tr>
  -          <td>
  +        </td>
  +        <td><code>medium</code></td>
  +    </tr>
  +    <tr>
  +        <td>
               <button class="btn large">Large</button>
  -          </td>
  -          <td><code>large</code></td>
  -        </tr>
  -        </tbody>
  -      </table>
  -
  -    </div>
  -    <div class="span-5">
  -      <h3>Button status</h3>
  -      <table class="table border-col border-header-row" >
  -        <thead>
  -        <tr>
  -          <th>Button</th>
  -          <th><code>disabled="true"</code> or <code>class="btn disabled"</code></th>
  -          <th><code>class="btn pressed"</code></th>
  -        </tr>
  -        </thead>
  -        <tbody>
  -        <tr>
  -          <td>
  +        </td>
  +        <td><code>large</code></td>
  +    </tr>
  +    </tbody>
  +</table>
  +
  +<br>
  +<br>
  +
  +<h2>Button status</h2>
  +<table class="table border-col border-header-row" >
  +    <thead>
  +    <tr>
  +        <th class="span-3">Button</th>
  +        <th class="span-5"><code>disabled="true"</code> or <code>class="btn disabled"</code></th>
  +        <th><code>class="btn pressed"</code></th>
  +    </tr>
  +    </thead>
  +    <tbody>
  +    <tr>
  +        <td>
               <button class="btn">Default</button>
  -          </td>
  -          <td>
  +        </td>
  +        <td>
               <button class="btn" disabled="disabled">Default</button>
  -          </td>
  -          <td>
  +        </td>
  +        <td>
               <button class="btn pressed">Default</button>
  -          </td>
  -        </tr>
  -        <tr>
  -          <td>
  +        </td>
  +    </tr>
  +    <tr>
  +        <td>
               <button class="btn blue">Blue</button>
  -          </td>
  -          <td>
  +        </td>
  +        <td>
               <button class="btn blue" disabled="disabled">Blue</button>
  -          </td>
  -          <td>
  +        </td>
  +        <td>
               <button class="btn blue pressed">Blue</button>
  -          </td>
  -        </tr>
  -        <tr>
  -          <td>
  +        </td>
  +    </tr>
  +    <tr>
  +        <td>
               <button class="btn green">Green</button>
  -          </td>
  -          <td>
  +        </td>
  +        <td>
               <button class="btn green" disabled="disabled">Green</button>
  -          </td>
  -          <td>
  +        </td>
  +        <td>
               <button class="btn green pressed">Green</button>
  -          </td>
  -        </tr>
  -        <tr>
  -          <td>
  +        </td>
  +    </tr>
  +    <tr>
  +        <td>
               <button class="btn orange">Orange</button>
  -          </td>
  -          <td>
  +        </td>
  +        <td>
               <button class="btn orange" disabled="disabled">Orange</button>
  -          </td>
  -          <td>
  +        </td>
  +        <td>
               <button class="btn orange pressed">Orange</button>
  -          </td>
  -        </tr>
  -        <tr>
  -          <td>
  +        </td>
  +    </tr>
  +    <tr>
  +        <td>
               <button class="btn red">Red</button>
  -          </td>
  -          <td>
  +        </td>
  +        <td>
               <button class="btn red" disabled="disabled">Red</button>
  -          </td>
  -          <td>
  +        </td>
  +        <td>
               <button class="btn red pressed">Red</button>
  -          </td>
  -        </tr>
  -        <tr>
  -          <td>
  +        </td>
  +    </tr>
  +    <tr>
  +        <td>
               <button class="btn grey">Grey</button>
  -          </td>
  -          <td>
  +        </td>
  +        <td>
               <button class="btn grey" disabled="disabled">Grey</button>
  -          </td>
  -          <td>
  +        </td>
  +        <td>
               <button class="btn grey pressed">Grey</button>
  -          </td>
  -        </tr>
  -        <tr>
  -          <td>
  +        </td>
  +    </tr>
  +    <tr>
  +        <td>
               <button class="btn black">Black</button>
  -          </td>
  -          <td>
  +        </td>
  +        <td>
               <button class="btn black" disabled="disabled">Black</button>
  -          </td>
  -          <td>
  +        </td>
  +        <td>
               <button class="btn black pressed">Black</button>
  -          </td>
  -        </tr>
  -        </tbody>
  -      </table>
  -    </div>
  -  </div>
  -</div>
  +        </td>
  +    </tr>
  +    </tbody>
  +</table>
   
   <br>
   <br>
  
positive.code: <table class="table border-col">
    <thead>
    <tr>
      <th><code>&lt;a&gt;</code></th>
      <th><code>&lt;input&gt;</code></th>
      <th><code>&lt;span&gt;</code></th>
    </tr>
    </thead>
  
negative.code:   </div>
  </div>
  
    <h2>Button Group Sizes</h2>
    <table class="table border-col border-header-row" >
      <thead>
        <tr>
          <th class="span-4">Button Groups</th>
          <th><code>class="btn-group *"</code></th>
        </tr>
      </thead>
  