mkdocs-material/material/header.html
2016-09-04 17:11:58 +02:00

42 lines
1.4 KiB
HTML

<header class="md-header">
<nav class="md-grid md-header-nav">
<div class="md-flex">
<div class="md-flex__cell md-flex__cell--shrink">
<label class="md-icon md-icon--menu md-header-nav__icon" for="drawer"></label>
</div>
<div class="md-flex__cell md-flex__cell--stretch md-header-nav__title">
<span class="md-flex__ellipsis">
{{ page_title | default(site_name, true) }}
</span>
</div>
<div class="md-flex__cell md-flex__cell--shrink md-search">
<label class="md-icon md-icon--search md-header-nav__icon" for="search"></label>
<div class="md-search__overlay"></div>
<div class="md-search__inner">
<form class="md-search__form">
<input type="text" class="md-search__input" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" id="query">
<label class="md-icon md-icon--search md-search__icon" for="query"></label>
<div class="md-search__suggest">
FOO<br>
FOO<br>
FOO<br>
FOO<br>
FOO<br>
FOO<br>
FOO<br>
FOO<br>
FOO<br>
FOO<br>
FOO<br>
FOO<br>
FOO<br>
FOO<br>
</div>
</form>
</div>
</div>
</div>
</nav>
<nav class="md-header-search">
</nav>
</header>