anchor.diff:  
       <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>You'll notice that <code>data-dropdown="drop1"</code> and <code>id="drop1"</code> have similar values. This is what tells the dropdown plugin where to look to find the position to attach the dropdown element to.</p>
     </div>
   </div>
  
positive.code:   <li><a href="#">This is another</a></li>
    <li><a href="#">Yet another</a></li>
  </ul>
  <ul id="drop2" data-dropdown-content class="f-dropdown">
    <li><a href="#">This is a link</a></li>
    <li><a href="#">This is another</a></li>
  
negative.code: }
  ', :css %>
  
      <a href="" data-dropdown="drop7 "class="dropdown button">Default Dropdown Button</a>
  
      <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>
  
  