anchor.diff:  ', :css %>
   
       <a href="#" data-dropdown="drop6" class="customized-dropdown-docs">Button Base, Size, Style &amp; Shine</a>
  +    <ul id="drop6" 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>
   
           <h5>Default SCSS Variables</h5>
   <%= code_example '
  
positive.code:       <div class="large-12 columns">
  
          <a href="#" data-dropdown="drop" class="tiny button dropdown">Dropdown Button</a><br>
          <a href="#" data-dropdown="drop2" class="small secondary radius button dropdown">Dropdown Button</a><br>
          <a href="#" data-dropdown="drop3" class="button alert round dropdown">Dropdown Button</a><br>
          <a href="#" data-dropdown="drop4" class="large success button dropdown">Dropdown Button</a><br>
          <a href="#" data-dropdown="drop5" class="large button dropdown expand">Dropdown Button</a><br>
  
          <hr>
  
  
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>
  
  