diff options
Minor update to the Docs
1 files changed, 12 insertions, 14 deletions
| -rw-r--r-- | docs/experimentals.html | 26 |
diff --git a/docs/experimentals.html b/docs/experimentals.html index c67d757..84c9365 100644 --- a/docs/experimentals.html +++ b/docs/experimentals.html @@ -255,14 +255,14 @@ <div class="docs-content column col-9 col-sm-12"> <div id="experimentals" class="container"> - <header class="text-center"><h3><a href="#experimentals" class="anchor" aria-hidden="true">#</a>Experimentals</h3></header> + <h3 class="text-center"><a href="#experimentals" class="anchor" aria-hidden="true">#</a>Experimentals</h3> <div class="notes"> <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.less</code> before browsers fully support them. Sometimes, there are some specific browsers targeted components.</p> </div> </div> <div id="calendars" class="container"> - <header class="text-center"><h3><a href="#calendars" class="anchor" aria-hidden="true">#</a>Calendars</h3></header> + <h3 class="text-center"><a href="#calendars" class="anchor" aria-hidden="true">#</a>Calendars</h3> <div class="notes"> <p><strong>Calendars</strong> are designed for date or date range picker and events display. It is made with flex layout.</p> </div> @@ -330,7 +330,7 @@ </div> </div> - <header class="text-center"><h4>Calendars large</h4></header> + <h4 class="text-center">Calendars large</h4> <div class="columns"> <div class="column col-12"> <div class="calendar calendar-lg"> @@ -425,7 +425,7 @@ </div> <div id="carousels" class="container"> - <header class="text-center"><h3><a href="#carousels" class="anchor" aria-hidden="true">#</a>Carousels</h3></header> + <h3 class="text-center"><a href="#carousels" class="anchor" aria-hidden="true">#</a>Carousels</h3> <div class="notes"> <p><strong>Carousels</strong> are slideshows for cycling images. It is built in pure CSS.</p> </div> @@ -490,7 +490,7 @@ </div> <div id="comparison" class="container"> - <header class="text-center"><h3><a href="#comparison" class="anchor" aria-hidden="true">#</a>Comparison Sliders</h3></header> + <h3 class="text-center"><a href="#comparison" class="anchor" aria-hidden="true">#</a>Comparison Sliders</h3> <div class="notes"> <p><strong>Comparison Sliders</strong> are sliders for comparing two images. It is built in pure CSS.</p> </div> @@ -528,7 +528,7 @@ </div> <div id="filters" class="container"> - <header class="text-center"><h3><a href="#filters" class="anchor" aria-hidden="true">#</a>Filters</h3></header> + <h3 class="text-center"><a href="#filters" class="anchor" aria-hidden="true">#</a>Filters</h3> <div class="notes"> <p><strong>Filters</strong> are CSS only content filters.</p> </div> @@ -653,7 +653,7 @@ </div> <div id="meters" class="container"> - <header class="text-center"><h3><a href="#meters" class="anchor" aria-hidden="true">#</a>Meters</h3></header> + <h3 class="text-center"><a href="#meters" class="anchor" aria-hidden="true">#</a>Meters</h3> <div class="notes"> <p><strong>Meters</strong> represent the value within the known range.</p> </div> @@ -688,7 +688,7 @@ </div> <div id="parallax" class="container"> - <header class="text-center"><h3><a href="#parallax" class="anchor" aria-hidden="true">#</a>Parallax</h3></header> + <h3 class="text-center"><a href="#parallax" class="anchor" aria-hidden="true">#</a>Parallax</h3> <div class="notes"> <p>The <strong>Parallax</strong> acts like Apple TV/tvOS hover parallax effect. It is built in pure CSS.</p> </div> @@ -731,7 +731,7 @@ </div> <div id="progress" class="container"> - <header class="text-center"><h3><a href="#progress" class="anchor" aria-hidden="true">#</a>Progress</h3></header> + <h3 class="text-center"><a href="#progress" class="anchor" aria-hidden="true">#</a>Progress</h3> <div class="notes"> <p>The <strong>Progress</strong> indicates the progress completion of a task.</p> </div> @@ -758,7 +758,7 @@ </div> <div id="sliders" class="container"> - <header class="text-center"><h3><a href="#sliders" class="anchor" aria-hidden="true">#</a>Sliders</h3></header> + <h3 class="text-center"><a href="#sliders" class="anchor" aria-hidden="true">#</a>Sliders</h3> <div class="notes"> <p><strong>Sliders</strong> are for selecting values from ranges.</p> </div> @@ -778,7 +778,7 @@ </div> <div id="timelines" class="container"> - <header class="text-center"><h3><a href="#timelines" class="anchor" aria-hidden="true">#</a>Timelines</h3></header> + <h3 class="text-center"><a href="#timelines" class="anchor" aria-hidden="true">#</a>Timelines</h3> <div class="notes"> <p><strong>Timelines</strong> are ordered sequences of activities.</p> </div> @@ -888,9 +888,7 @@ <footer class="section section-footer bg-gray"> <div id="copyright" class="grid-footer container grid-960"> - <p> - <a href="index.html#introduction" target="_blank">Documents</a> | <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub Repo</a> | <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> | Version <span class="version"></span> - </p> + <p><a href="index.html#introduction" target="_blank">Documents</a> | <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub Repo</a> | <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> | <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> | Version <span class="version"></span></p> <p>Designed and built with ♥ by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p> </div> </footer> |