anchor.diff:  .your-class-name { @include alert(#ff6c3c); }
   ', :css %>
   
  -<div class="alert-base">
  +<div data-alert class="alert-base">
   This is a default alert.
   <a href="#" class="close">&times;</a>
   </div>
   
  -<div class="alert-base custom-bg">
  +<div data-alert class="alert-base custom-bg">
   This is an alert with a custom background set.
   <a href="#" class="close">&times;</a>
   </div>
  
positive.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 class="your-class-name">
    <!-- Your content goes here -->
    <a href="#" class="close">&times;</a>
  </div>', :html %>
  
negative.code:     <p>There are two ways to build alerts in Foundation 4, with our predefined HTML classes or with our structure and mixins. Building an alert using our predefined class is super-easy, you only need a block-level element with a class of <code>.alert-box</code> (we usually use a <code>&lt;div&gt;</code>). You may also include an anchor with a class of <code>.close</code> to create a close button. Here is the markup you'll need:</p>
  
  <%= code_example '
  <div data-alert class="alert-box">
    <!-- Your content goes here -->
    <a href="#" class="close">&times;</a>
  </div>', :html %>
  