anchor.diff:        <a href="/components/alerts.html">Alerts</a>
       </li>
   
  +    <li class="<%= "active" if sidebar_page_class == "components_callouts" -%>">
  +      <a href="/components/callouts.html">Callouts</a>
  +    </li>
  +
  +    <li class="<%= "active" if sidebar_page_class == "components_timeline" -%>">
  +      <a href="/components/timeline.html">Timeline</a>
  +    </li>
  +
       <li class="heading"><a href="/grids">Grid</a></li>
   
       <!--
  
positive.code:       <a href="/components/forms.html">Forms</a>
      </li>
  
      <li class="<%= "active" if sidebar_page_class == "components_panels" -%>">
        <a href="/components/panels.html">Panels</a>
      </li>
  
      <li class="<%= "active" if sidebar_page_class == "components_timeline" -%>">
        <a href="/components/timeline.html">Timeline</a>
      </li>
  
      <li class="<%= "active" if sidebar_page_class == "components_navbar" -%>">
        <a href="/components/navbar.html">Navbar</a>
      </li>
  
      <li class="<%= "active" if sidebar_page_class == "components_tabs" -%>">
        <a href="/components/tabs.html">Tabs</a>
      </li>
  
      <li class="<%= "active" if sidebar_page_class == "components_progress" -%>">
  
negative.code: 
      <li class="heading"><a href="/helper">Helper classes</a></li>
  
  
      <li class="heading"><a href="/components">Components</a></li>
  
      <li class="<%= "active" if sidebar_page_class == "components_labels" -%>">
        <a href="/components/labels.html">Labels</a>
  