Add section indicator in top nav (#593)

Author: keanulee

docs/_api/theme/layouts/default.hbs

@@ -33,7 +33,7 @@
   <div class="flex"></div>
   <a class="nav-item" href="{{relativeURL "../try"}}">Try</a>
   <a class="nav-item" href="{{relativeURL "../guide"}}">Guide</a>
-  <a class="nav-item" href="{{relativeURL "../api/index.html"}}">API</a>
+  <a class="nav-item active" href="{{relativeURL "../api/index.html"}}">API</a>
   <a class="icon" href="https://github.com/polymer/lit-element" title="GitHub">
     <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentcolor">
       <path d="M12,2C6.48,2,2,6.59,2,12.25c0,4.53,2.87,8.37,6.84,9.73c0.5,0.09,0.68-0.22,0.68-0.49c0-0.24-0.01-0.89-0.01-1.74c-2.78,0.62-3.37-1.37-3.37-1.37c-0.45-1.18-1.11-1.5-1.11-1.5c-0.91-0.64,0.07-0.62,0.07-0.62c1,0.07,1.53,1.06,1.53,1.06c0.89,1.57,2.34,1.11,2.91,0.85c0.09-0.66,0.35-1.11,0.63-1.37c-2.22-0.26-4.56-1.14-4.56-5.07c0-1.12,0.39-2.03,1.03-2.75c-0.1-0.26-0.45-1.3,0.1-2.71c0,0,0.84-0.28,2.75,1.05c0.8-0.23,1.65-0.34,2.5-0.34c0.85,0,1.7,0.12,2.5,0.34c1.91-1.33,2.75-1.05,2.75-1.05c0.55,1.41,0.2,2.45,0.1,2.71c0.64,0.72,1.03,1.63,1.03,2.75c0,3.94-2.34,4.81-4.57,5.06c0.36,0.32,0.68,0.94,0.68,1.9c0,1.37-0.01,2.48-0.01,2.81c0,0.27,0.18,0.59,0.69,0.49c3.97-1.36,6.83-5.2,6.83-9.73C22,6.59,17.52,2,12,2"/>

docs/_includes/topnav.html

@@ -1,8 +1,8 @@
 <nav class="main-nav" markdown="0">
   <a class="nav-title" href="{{ site.baseurl }}/">{{ site.name }}</a>
   <div class="flex"></div>
-  <a class="nav-item" href="{{ site.baseurl }}/try">Try</a>
-  <a class="nav-item" href="{{ site.baseurl }}/guide">Guide</a>
+  <a class="nav-item{% if page.url contains '/try' %} active{% endif %}" href="{{ site.baseurl }}/try">Try</a>
+  <a class="nav-item{% if page.url contains '/guide' %} active{% endif %}" href="{{ site.baseurl }}/guide">Guide</a>
   <a class="nav-item" href="{{ site.baseurl }}/api/index.html">API</a>
   <a class="icon" href="https://github.com/polymer/lit-element" title="GitHub">
     <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentcolor">

docs/api/assets/js/search.js

@@ -29,7 +29,7 @@
 	<div class="flex"></div>
 	<a class="nav-item" href="../../try">Try</a>
 	<a class="nav-item" href="../../guide">Guide</a>
-	<a class="nav-item" href="../../api/index.html">API</a>
+	<a class="nav-item active" href="../../api/index.html">API</a>
 	<a class="icon" href="https://github.com/polymer/lit-element" title="GitHub">
 		<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentcolor">
 			<path d="M12,2C6.48,2,2,6.59,2,12.25c0,4.53,2.87,8.37,6.84,9.73c0.5,0.09,0.68-0.22,0.68-0.49c0-0.24-0.01-0.89-0.01-1.74c-2.78,0.62-3.37-1.37-3.37-1.37c-0.45-1.18-1.11-1.5-1.11-1.5c-0.91-0.64,0.07-0.62,0.07-0.62c1,0.07,1.53,1.06,1.53,1.06c0.89,1.57,2.34,1.11,2.91,0.85c0.09-0.66,0.35-1.11,0.63-1.37c-2.22-0.26-4.56-1.14-4.56-5.07c0-1.12,0.39-2.03,1.03-2.75c-0.1-0.26-0.45-1.3,0.1-2.71c0,0,0.84-0.28,2.75,1.05c0.8-0.23,1.65-0.34,2.5-0.34c0.85,0,1.7,0.12,2.5,0.34c1.91-1.33,2.75-1.05,2.75-1.05c0.55,1.41,0.2,2.45,0.1,2.71c0.64,0.72,1.03,1.63,1.03,2.75c0,3.94-2.34,4.81-4.57,5.06c0.36,0.32,0.68,0.94,0.68,1.9c0,1.37-0.01,2.48-0.01,2.81c0,0.27,0.18,0.59,0.69,0.49c3.97-1.36,6.83-5.2,6.83-9.73C22,6.59,17.52,2,12,2"/>
@@ -152,7 +152,7 @@ <h3>constructor</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/Polymer/lit-element/blob/a7148bc/src/lib/css-tag.ts#L21">lib/css-tag.ts:21</a></li>
+									<li>Defined in <a href="https://github.com/Polymer/lit-element/blob/36e1991/src/lib/css-tag.ts#L21">lib/css-tag.ts:21</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -177,7 +177,7 @@ <h3><span class="tsd-flag ts-flagOptional">Optional</span> _style<wbr>Sheet</h3>
 					<div class="tsd-signature tsd-kind-icon">_style<wbr>Sheet<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">CSSStyleSheet</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/Polymer/lit-element/blob/a7148bc/src/lib/css-tag.ts#L19">lib/css-tag.ts:19</a></li>
+							<li>Defined in <a href="https://github.com/Polymer/lit-element/blob/36e1991/src/lib/css-tag.ts#L19">lib/css-tag.ts:19</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -187,7 +187,7 @@ <h3>css<wbr>Text</h3>
 					<div class="tsd-signature tsd-kind-icon">css<wbr>Text<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/Polymer/lit-element/blob/a7148bc/src/lib/css-tag.ts#L21">lib/css-tag.ts:21</a></li>
+							<li>Defined in <a href="https://github.com/Polymer/lit-element/blob/36e1991/src/lib/css-tag.ts#L21">lib/css-tag.ts:21</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -204,7 +204,7 @@ <h3>style<wbr>Sheet</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/Polymer/lit-element/blob/a7148bc/src/lib/css-tag.ts#L32">lib/css-tag.ts:32</a></li>
+									<li>Defined in <a href="https://github.com/Polymer/lit-element/blob/36e1991/src/lib/css-tag.ts#L33">lib/css-tag.ts:33</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">CSSStyleSheet</span>
@@ -221,16 +221,16 @@ <h2>Methods</h2>
 					<a name="tostring" class="tsd-anchor"></a>
 					<h3>to<wbr>String</h3>
 					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
-						<li class="tsd-signature tsd-kind-icon">to<wbr>String<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">String</span></li>
+						<li class="tsd-signature tsd-kind-icon">to<wbr>String<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/Polymer/lit-element/blob/a7148bc/src/lib/css-tag.ts#L46">lib/css-tag.ts:46</a></li>
+									<li>Defined in <a href="https://github.com/Polymer/lit-element/blob/36e1991/src/lib/css-tag.ts#L47">lib/css-tag.ts:47</a></li>
 								</ul>
 							</aside>
-							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">String</span></h4>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
 						</li>
 					</ul>
 				</section>
@@ -242,9 +242,6 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">String</s
 					<li class="globals  ">
 						<a href="../globals.html"><em>Globals</em></a>
 					</li>
-					<li class="label tsd-is-external">
-						<span>Internals</span>
-					</li>
 					<li class=" tsd-kind-external-module">
 						<a href="../modules/_demo_ts_element_.html">"demo/ts-<wbr>element"</a>
 					</li>
@@ -258,18 +255,6 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">String</s
 						<a href="../modules/_lib_updating_element_.html">"lib/updating-<wbr>element"</a>
 					</li>
 					<li class=" tsd-kind-external-module">
-						<a href="../modules/_test_lit_element_styling_test_.html">"test/lit-<wbr>element_<wbr>styling_<wbr>test"</a>
-					</li>
-					<li class=" tsd-kind-external-module">
-						<a href="../modules/_test_lit_element_test_.html">"test/lit-<wbr>element_<wbr>test"</a>
-					</li>
-					<li class=" tsd-kind-external-module">
-						<a href="../modules/_test_test_helpers_.html">"test/test-<wbr>helpers"</a>
-					</li>
-					<li class="label tsd-is-external">
-						<span>Externals</span>
-					</li>
-					<li class=" tsd-kind-external-module tsd-is-external">
 						<a href="../modules/_lit_element_.html">"lit-<wbr>element"</a>
 					</li>
 				</ul>