anchor.diff:  ', :css %>
   
           <a href="" data-dropdown="drop7 "class="dropdown button">Default Dropdown Button</a>
  +        <ul id="drop7" data-dropdown-content class="f-dropdown">
  +          <li><a href="#">This is a link</a></li>
  +          <li><a href="#">This is another</a></li>
  +          <li><a href="#">Yet another</a></li>
  +        </ul>
   
           <p>There are also <strong>three options</strong> you can customize on the fly when writing this mixin. These control things like: background color, pip color and base styles. Setting any of these options to <strong>false</strong> will not include the styles.</p>
   
  
positive.code: ', :css %>
  
      <a href="#" data-dropdown="drop6" class="customized-dropdown-docs">Button Base, Size, Style &amp; Shine</a>
  
          <h5>Default SCSS Variables</h5>
  <%= code_example '
  
negative.code: ', :html %>
  
          <a href="#" data-dropdown="drop1" class="button dropdown">Dropdown Button</a><br>
          <ul id="drop1" data-dropdown-content class="f-dropdown">
            <li><a href="#">This is a link</a></li>
            <li><a href="#">This is another</a></li>
            <li><a href="#">Yet another</a></li>
          </ul>
  
          <p>Required Foundation Library: <code>foundation.dropdown.js</code></p>
  
  