anchor.diff:      <p>Then, you'll need to add a data-attribute to make the JS work properly on that element. That looks like:</p>
   
   <%= code_example '
  -<div class="alert-box" data-alert>
  +<div data-alert class="alert-box" data-alert>
     <!-- Your content goes here -->
     <a href="#" class="close">&times;</a>
   </div>
  
positive.code: .your-class-name { @include alert(#ff6c3c); }
  ', :css %>
  
  <div class="alert-base">
  This is a default alert.
  <a href="#" class="close">&times;</a>
  </div>
  
  <div class="alert-base custom-bg">
  This is an alert with a custom background set.
  <a href="#" class="close">&times;</a>
  </div>
  
negative.code:     <p>If you are using the mixins, you may include the styles on whatever class or ID you'd like, just make sure you follow our markup structure:</p>
  
  <%= code_example '
  <div data-alert class="your-class-name">
    <!-- Your content goes here -->
    <a href="#" class="close">&times;</a>
  </div>', :html %>
  