search-bar.html 1.6 KB

12345678910111213141516171819202122232425262728
  1. <div class="collapse expanded row secondary-bar">
  2. <div class="small-5 medium-3 large-2 columns">
  3. <a target="_blank" href="https://github.com/zurb/foundation-sites/releases/" class="version-dropdown-label"><span class="foundation-version-label">Foundation for Sites</span><span class="foundation-version-number">6.5.3</span> <span class="changelog-link">changelog</span></a>
  4. </div>
  5. <div class="small-7 columns show-for-small-only">
  6. <span class="search-button" data-toggle="inline-search"></span>
  7. <a href="#" class="float-right small hollow button mobile-nav-button" data-open="navModal">Component List</a>
  8. <div class="reveal nav-modal" id="navModal" data-reveal>
  9. {{> component-list}}
  10. <button class="close-button" data-close aria-label="Close modal" type="button">
  11. <span aria-hidden="true">&times;</span>
  12. </button>
  13. </div>
  14. <div id="inline-search" class="inline-search" data-toggler="expanded">
  15. <input type="text" class="docs-search" data-docs-search placeholder="Find a page, component, variable, mixin, function...">
  16. </div>
  17. </div>
  18. <div class="small-12 medium-9 large-10 columns show-for-medium docs-search-wrapper">
  19. <input type="text" class="docs-search" data-docs-search placeholder="Find a page, component, variable, mixin, function...">
  20. </div>
  21. <div class="social-list show-for-medium">
  22. <div class="github-button">
  23. <a class="github-button" href="https://github.com/zurb/foundation-sites" data-size="large" data-count-aria-label="# stargazers on GitHub" aria-label="Star zurb/foundation-sites on GitHub">Star</a>
  24. </div>
  25. </div>
  26. </div>