anchor.diff:    </div>
   
   
  -  <h2>Typography</h2>
  +  <h2 id="styleguide-typography">Typography</h2>
     <a href="https://github.com/asm-helpful/helpful-web/blob/master/app/assets/stylesheets/base/typography.css.scss">app/assets/stylesheets/base/typography.css.scss</a>
   
     <p>All text is set in <strong>Lato</strong>. Some headings are set in uppercase <strong>Montserrat</strong>.</p>
  
positive.code: <div class="l-styleguide">
  
    <h1>A Helpful Styleguide</h1>
  
  
    <h2>Brand</h2>
    <a href="https://github.com/asm-helpful/helpful-web/blob/master/app/assets/stylesheets/base/brand.css.scss">app/assets/stylesheets/base/brand.css.scss</a>
  
    <div class="example">
  
negative.code:   </div>
  
  
    <h2 id="styleguide-buttons">Buttons</h2>
    <a href="https://github.com/asm-helpful/helpful-web/blob/master/app/assets/stylesheets/modules/btn.css.scss">app/assets/stylesheets/modules/btn.css.scss</a>
  
    <p>All buttons have a disabled (opacity: .5) state, assigned with <code>disabled="disabled"</code></p>
  