src/scss/bootstrap-4.0.0-alpha.6/docs/_includes/nav-docs.html

   1 <form class="bd-search hidden-sm-down">
   2   <input type="text" class="form-control" id="search-input" placeholder="Search..." autocomplete="off">
   3   <div class="dropdown-menu bd-search-results" id="search-results"></div>
   4 </form>
   5
   6 <nav class="bd-links" id="docsNavbarContent">
   7   {% assign page_slug = page.url | split: '/' | last %}
   8   {% for group in site.data.nav %}
   9   {% assign link = group.pages | first %}
  10   {% assign link_slug = link.title | slugify %}
  11   {% assign group_slug = group.title | slugify %}
  12   {% assign active = nil %}
  13
  14   {% if page.group == group_slug %}
  15     {% assign active = 'active' %}
  16   {% endif %}
  17
  18   <div class="bd-toc-item {{ active }}">
  19       <a class="bd-toc-link" href="{{ site.baseurl }}/{{ group_slug }}/{{ link_slug }}{% if link_slug %}/{% endif %}">
  20         {{ group.title }}
  21       </a>
  22
  23       <ul class="nav bd-sidenav">
  24         {% for doc in group.pages %}
  25           {% assign doc_slug = doc.title | slugify %}
  26           {% assign active = nil %}
  27
  28           {% if page.group == group_slug and page_slug == doc_slug %}
  29             {% assign active = 'active bd-sidenav-active' %}
  30           {% endif %}
  31
  32           <li class="{{ active }}">
  33             <a href="{{ site.baseurl }}/{{ group_slug }}/{{ doc_slug }}/">
  34               {{ doc.title }}
  35             </a>
  36
  37             {% comment %}
  38             {% unless doc.sections == nil %}
  39               <ul class="nav">
  40                 {% for section in doc.sections %}
  41                   <li>
  42                     <a href="#{{ section.title | downcase | replace: ' ', '-' }}">
  43                       {{ section.title }}
  44                     </a>
  45                   </li>
  46                 {% endfor %}
  47               </ul>
  48             {% endunless %}
  49             {% endcomment %}
  50           </li>
  51         {% endfor %}
  52       </ul>
  53     </div>
  54   {% endfor %}
  55 </nav>