anchor.diff:  <%- end -%>
     <%- end -%>
   
  -
     <hr />
     <h2 class="heading-two">Types</h2>
   
  
positive.code: </div>
    <%- end -%>
  
    <hr />
    <h2 class="heading-two">Scrollable Lightbox</h2>
  
    <p>You can use the <code>shared/inline_lightbox</code> partial to markup your scrollable lightbox, use the <code>data-lightbox</code> attribute instead of <code>data-lightbox-basic</code> to complete the scrollable lightbox.</p>
  
    <%= render layout: "/layouts/styleguide/styleguide_feature", locals: { id: "example-scrollable", ruby: capture { -%>
  &lt;%= render layout: "shared/inline_lightbox", locals: { inline_id: "example-scrollable" } do -%>
  
negative.code:   <p>You can add the <code>data-lightbox-size="small"</code> attribute to the lightbox to give it a smaller window:</p>
  
    <%= render layout: "/layouts/styleguide/styleguide_feature", locals: { id: "example-2" } do -%>
  <a href="#example-2" data-lightbox-basic data-lightbox-size="small">Open small lightbox</a>
  <div class="mfp-hide" id="example-2">
    <div class="panel--padding content">
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque odit saepe, ipsam corrupti delectus autem labore dolorum ratione sit rem.</p>
  