diff options
Update Docs anchor
1 files changed, 13 insertions, 13 deletions
| -rw-r--r-- | docs/experimentals.html | 26 |
diff --git a/docs/experimentals.html b/docs/experimentals.html index 25c398a..d9c67e9 100644 --- a/docs/experimentals.html +++ b/docs/experimentals.html @@ -130,7 +130,7 @@ <div class="off-canvas-content"> <div class="docs-content" id="content"> <div class="container" id="experimentals"> - <h3 class="s-title"><a class="anchor" href="#experimentals" aria-hidden="true">#</a>Experimentals</h3> + <h3 class="s-title">Experimentals<a class="anchor" href="#experimentals" aria-hidden="true">#</a></h3> <p> The Experimentals include experimental elements and features, mostly are not yet ready for wide use. These elements and components are limited inside <code>spectre-exp.scss</code> before browsers fully support them. @@ -138,7 +138,7 @@ </p> </div> <div class="container" id="autocomplete"> - <h3 class="s-title"><a class="anchor" href="#autocomplete" aria-hidden="true">#</a>Autocomplete</h3> + <h3 class="s-title">Autocomplete<a class="anchor" href="#autocomplete" aria-hidden="true">#</a></h3> <div class="docs-ad"> <div class="hide-md text-center"> <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> @@ -255,7 +255,7 @@ <span class="hljs-tag"></<span class="hljs-name">div</span>></span></code></pre> </div> <div class="container" id="calendars"> - <h3 class="s-title"><a class="anchor" href="#calendars" aria-hidden="true">#</a>Calendars</h3> + <h3 class="s-title">Calendars<a class="anchor" href="#calendars" aria-hidden="true">#</a></h3> <div class="docs-ad docs-ad-sidebar text-center"> <script id="_carbonads_js" async="" type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CK7DTKQW&placement=picturepan2githubio"></script> </div> @@ -468,7 +468,7 @@ <span class="hljs-tag"></<span class="hljs-name">div</span>></span> <span class="hljs-tag"></<span class="hljs-name">div</span>></span> </code></pre> - <h4 class="s-subtitle" id="calendars-sizes"><a class="anchor" href="#calendars-sizes" aria-hidden="true">#</a>Calendars sizes</h4> + <h4 class="s-subtitle" id="calendars-sizes">Calendars sizes<a class="anchor" href="#calendars-sizes" aria-hidden="true">#</a></h4> <div class="docs-demo columns"> <div class="column col-12"> <div class="calendar calendar-lg"> @@ -622,7 +622,7 @@ <span class="hljs-tag"></<span class="hljs-name">div</span>></span></code></pre> </div> <div class="container" id="carousels"> - <h3 class="s-title"><a class="anchor" href="#carousels" aria-hidden="true">#</a>Carousels</h3> + <h3 class="s-title">Carousels<a class="anchor" href="#carousels" aria-hidden="true">#</a></h3> <p>Carousels are slideshows for cycling images. It is built in pure CSS.</p> <div class="docs-demo columns"> <div class="column col-12"> @@ -660,7 +660,7 @@ </div> </div> <div class="container" id="comparison"> - <h3 class="s-title"><a class="anchor" href="#comparison" aria-hidden="true">#</a>Comparison sliders</h3> + <h3 class="s-title">Comparison sliders<a class="anchor" href="#comparison" aria-hidden="true">#</a></h3> <p>Comparison Sliders are sliders for comparing two images. It is built in pure CSS.</p> <div class="docs-demo columns"> <div class="column col-12"> @@ -689,7 +689,7 @@ <span class="hljs-tag"></<span class="hljs-name">div</span>></span></code></pre> </div> <div class="container" id="filters"> - <h3 class="s-title"><a class="anchor" href="#filters" aria-hidden="true">#</a>Filters</h3> + <h3 class="s-title">Filters<a class="anchor" href="#filters" aria-hidden="true">#</a></h3> <p>Filters are CSS only content filters.</p> <div class="docs-demo columns"> <div class="column col-12"> @@ -834,7 +834,7 @@ <span class="hljs-tag"></<span class="hljs-name">div</span>></span></code></pre> </div> <div class="container" id="meters"> - <h3 class="s-title"><a class="anchor" href="#meters" aria-hidden="true">#</a>Meters</h3> + <h3 class="s-title">Meters<a class="anchor" href="#meters" aria-hidden="true">#</a></h3> <p>Meters represent the value within the known range.</p> <div class="docs-demo columns"> <div class="column col-3 col-xs-12"> @@ -859,7 +859,7 @@ <span class="hljs-tag"><<span class="hljs-name">meter</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"meter"</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"20"</span> <span class="hljs-attr">optimum</span>=<span class="hljs-string">"90"</span> <span class="hljs-attr">min</span>=<span class="hljs-string">"0"</span> <span class="hljs-attr">max</span>=<span class="hljs-string">"100"</span> <span class="hljs-attr">low</span>=<span class="hljs-string">"30"</span> <span class="hljs-attr">high</span>=<span class="hljs-string">"80"</span>></span><span class="hljs-tag"></<span class="hljs-name">meter</span>></span></code></pre> </div> <div class="container" id="off-canvas"> - <h3 class="s-title"><a class="anchor" href="#off-canvas" aria-hidden="true">#</a>Off-canvas</h3> + <h3 class="s-title">Off-canvas<a class="anchor" href="#off-canvas" aria-hidden="true">#</a></h3> <p>The Off-canvas is a navigation layout that the sidebar can slide in and out of the viewport. It is built in pure CSS.</p> <p> By default, the off-canvas menu is collapsed whenever the window width is. @@ -900,7 +900,7 @@ <span class="hljs-tag"></<span class="hljs-name">div</span>></span></code></pre> </div> <div class="container" id="parallax"> - <h3 class="s-title"><a class="anchor" href="#parallax" aria-hidden="true">#</a>Parallax</h3> + <h3 class="s-title">Parallax<a class="anchor" href="#parallax" aria-hidden="true">#</a></h3> <p>The Parallax acts like Apple TV/tvOS hover parallax effect. It is built in pure CSS.</p> <div class="docs-demo columns"> <div class="column col-sm-12 col-8 col-mx-auto"> @@ -935,7 +935,7 @@ </code></pre> </div> <div class="container" id="progress"> - <h3 class="s-title"><a class="anchor" href="#progress" aria-hidden="true">#</a>Progress</h3> + <h3 class="s-title">Progress<a class="anchor" href="#progress" aria-hidden="true">#</a></h3> <p>The Progress indicates the progress completion of a task.</p> <div class="docs-demo columns"> <div class="column col-3 col-xs-12"> @@ -955,7 +955,7 @@ <span class="hljs-tag"><<span class="hljs-name">progress</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"progress"</span> <span class="hljs-attr">max</span>=<span class="hljs-string">"100"</span>></span><span class="hljs-tag"></<span class="hljs-name">progress</span>></span></code></pre> </div> <div class="container" id="sliders"> - <h3 class="s-title"><a class="anchor" href="#sliders" aria-hidden="true">#</a>Sliders</h3> + <h3 class="s-title">Sliders<a class="anchor" href="#sliders" aria-hidden="true">#</a></h3> <p>Sliders are for selecting values from ranges.</p> <p>You can add the class <code>tooltip</code> to have tooltip labels. If no <code>data-tooltip</code> is set, the <code>value</code> will be used instead. @@ -974,7 +974,7 @@ <span class="hljs-tag"><<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"slider tooltip"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"range"</span> <span class="hljs-attr">min</span>=<span class="hljs-string">"0"</span> <span class="hljs-attr">max</span>=<span class="hljs-string">"100"</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"50"</span> <span class="hljs-attr">oninput</span>=<span class="hljs-string">"this.setAttribute('value', this.value);"</span>></span></code></pre> </div> <div class="container" id="timelines"> - <h3 class="s-title"><a class="anchor" href="#timelines" aria-hidden="true">#</a>Timelines</h3> + <h3 class="s-title">Timelines<a class="anchor" href="#timelines" aria-hidden="true">#</a></h3> <p>Timelines are ordered sequences of activities.</p> <div class="docs-demo columns"> <div class="column col-9 col-sm-12"> |