anchor.diff:  
   
   
  -      <div class="cached-modal" id="modal--example">
  +      <script type="text/cached-modal" id="modal--example">
           <a href="#" class="js-close-modal modal-close-button">&times;</a>
           <h2>Example Content</h2>
           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem, officia impedit eius velit consectetur provident ullam! Incidunt, rem, maxime sit non natus praesentium nobis voluptas enim repudiandae. Commodi, eum, accusamus. Let's take a look at <a href="#modal--pagetwo" class="js-modal-link">another modal</a>.</p>
  
positive.code:     <section class="row section styleguide-section">
        <h2 id="typography">Typography</h2>
        <% styleguide_block  '1.1 - Headings' do %>
          <h1><span>Heading</span></h1>
          <p>Lorem ipsum dolor sit amet.</p>
  
          <h2><span>Heading</span></h2>
          <p>Lorem ipsum dolor sit amet.</p>
  
          <h3><span>Heading</span></h3>
          <p>Lorem ipsum dolor sit amet.</p>
  
          <h4><span>Heading</span></h4>
          <p>Lorem ipsum dolor sit amet.</p>
        <% end %>
  
  
negative.code:     <section class="row section styleguide-section">
        <h2 id="fonts-and-colors">Fonts &amp; Colors</h2>
  
       <h3>Fonts</h3>
        <p>We use Proxima Nova for all of our text and headings.</p>
        <p class="font-tile" style="font-family: 'Proxima Nova'; font-weight: 400; ">
          Lorem ipsum dolor sit amet. <code>($font-proxima-nova, 400)</code>
        </p>
  
        <p class="font-tile" style="font-family: 'Proxima Nova'; font-weight: 600; ">
          Lorem ipsum dolor sit amet. <code>($font-proxima-nova, 600)</code>
        </p>
  
        <p class="font-tile" style="font-family: 'Proxima Nova'; font-weight: 700; ">
          Lorem ipsum dolor sit amet. <code>($font-proxima-nova, 700)</code>
        </p>
  
        <h3>Brand Colors</h3>
        <p class="color-tile" data-hex="#23b7fb">
          <strong>Blue</strong> <code>($blue)
          <span class="js-color-label">&hellip;</span></code>
        </p>
  
        <p class="color-tile" data-hex="#4e2b63">
          <strong>Purple</strong> <code>($purple)
          <span class="js-color-label">&hellip;</span></code>
        </p>
  
        <p class="color-tile" data-hex="#fed100">
          <strong>Yellow</strong> <code>($yellow)
          <span class="js-color-label">&hellip;</span></code>
        </p>
  
        <h3>Gray Tones</h3>
        <p class="color-tile" data-hex="#222">
          <strong>Off Black</strong> <code>($off-black)
          <span class="js-color-label">&hellip;</span></code>
        </p>
  
        <p class="color-tile" data-hex="#333">
          <strong>Dark Gray</strong> <code>($dark-gray)
          <span class="js-color-label">&hellip;</span></code>
        </p>
  
        <p class="color-tile" data-hex="#555">
          <strong>Medium Gray</strong> <code>($med-gray)
          <span class="js-color-label">&hellip;</span></code>
        </p>
  
        <p class="color-tile" data-hex="#ddd">
          <strong>Light Gray</strong> <code>($light-gray)
          <span class="js-color-label">&hellip;</span></code>
        </p>
  
  