Summary Files Commits Branches @commit @diff @stats
path: root / docs / experimentals
diff options
context:
space:
mode:
Commitc19a27e40d2a7050345824f6568516351d2b9730 (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2019-04-30 11:51:36 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2019-04-30 11:51:36 +0800
Filesd47f1632af2dd8ff51c42a9d13d6baaa60c7351e /docs/experimentals
Spectre-Dark-Gruvbox-c19a27e40d2a7050345824f6568516351d2b9730.tar
Spectre-Dark-Gruvbox-c19a27e40d2a7050345824f6568516351d2b9730.tar.gz
Spectre-Dark-Gruvbox-c19a27e40d2a7050345824f6568516351d2b9730.zip
Parent2513e31f732794e54f62edaf3fde9fe5ab129dfe (diff)
Update
diff --git a/docs/experimentals/autocomplete.html b/docs/experimentals/autocomplete.html
index 30bc7dc..71f6ca6 100644
--- a/docs/experimentals/autocomplete.html
+++ b/docs/experimentals/autocomplete.html
@@ -200,17 +200,6 @@
<div class="docs-content" id="content">
<div class="container" id="autocomplete">
<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="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
- <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
- <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
- </div>
- <div class="show-md text-center">
- <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
- <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
- </div>
- </div>
<p>Autocomplete form component provides suggestions while you type. It is often used for tags and contacts input.</p>
<div class="docs-demo columns">
<div class="column col-9 col-xs-12">
diff --git a/docs/experimentals/calendars.html b/docs/experimentals/calendars.html
index 19993a1..1687d29 100644
--- a/docs/experimentals/calendars.html
+++ b/docs/experimentals/calendars.html
@@ -200,17 +200,6 @@
<div class="docs-content" id="content">
<div class="container" id="calendars">
<h3 class="s-title">Calendars<a class="anchor" href="#calendars" aria-hidden="true">#</a></h3>
- <div class="docs-ad">
- <div class="hide-md text-center">
- <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
- <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
- <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
- </div>
- <div class="show-md text-center">
- <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
- <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
- </div>
- </div>
<p>Calendars are designed for date or date range picker and events display. It is made with flex layout.</p>
<div class="docs-demo columns">
<div class="column col-4 col-md-12">
diff --git a/docs/experimentals/carousels.html b/docs/experimentals/carousels.html
index f8fe2f4..ff7dff6 100644
--- a/docs/experimentals/carousels.html
+++ b/docs/experimentals/carousels.html
@@ -201,17 +201,6 @@
<div class="container" id="carousels">
<h3 class="s-title">Carousels<a class="anchor" href="#carousels" aria-hidden="true">#</a></h3>
<p><small class="label label-secondary">CSS ONLY</small></p>
- <div class="docs-ad">
- <div class="hide-md text-center">
- <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
- <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
- <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
- </div>
- <div class="show-md text-center">
- <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
- <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
- </div>
- </div>
<p>Carousels are slideshows for cycling images. It is built in pure CSS.</p>
<div class="docs-demo columns">
<div class="column col-12">
diff --git a/docs/experimentals/comparison.html b/docs/experimentals/comparison.html
index 8c6b78f..0ac3d53 100644
--- a/docs/experimentals/comparison.html
+++ b/docs/experimentals/comparison.html
@@ -201,17 +201,6 @@
<div class="container" id="comparison">
<h3 class="s-title">Comparison sliders<a class="anchor" href="#comparison" aria-hidden="true">#</a></h3>
<p><small class="label label-secondary">CSS ONLY</small></p>
- <div class="docs-ad">
- <div class="hide-md text-center">
- <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
- <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
- <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
- </div>
- <div class="show-md text-center">
- <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
- <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
- </div>
- </div>
<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">
diff --git a/docs/experimentals/filters.html b/docs/experimentals/filters.html
index 3e609c2..851d772 100644
--- a/docs/experimentals/filters.html
+++ b/docs/experimentals/filters.html
@@ -201,17 +201,6 @@
<div class="container" id="filters">
<h3 class="s-title">Filters<a class="anchor" href="#filters" aria-hidden="true">#</a></h3>
<p><small class="label label-secondary">CSS ONLY</small></p>
- <div class="docs-ad">
- <div class="hide-md text-center">
- <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
- <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
- <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
- </div>
- <div class="show-md text-center">
- <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
- <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
- </div>
- </div>
<p>Filters are CSS only content filters.</p>
<div class="docs-demo columns">
<div class="column col-12">
diff --git a/docs/experimentals/meters.html b/docs/experimentals/meters.html
index 3d65885..586e0f1 100644
--- a/docs/experimentals/meters.html
+++ b/docs/experimentals/meters.html
@@ -200,17 +200,6 @@
<div class="docs-content" id="content">
<div class="container" id="meters">
<h3 class="s-title">Meters<a class="anchor" href="#meters" aria-hidden="true">#</a></h3>
- <div class="docs-ad">
- <div class="hide-md text-center">
- <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
- <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
- <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
- </div>
- <div class="show-md text-center">
- <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
- <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
- </div>
- </div>
<p>Meters represent the value within the known range.</p>
<div class="docs-demo columns">
<div class="column col-3 col-xs-12">
diff --git a/docs/experimentals/off-canvas.html b/docs/experimentals/off-canvas.html
index d01b45d..9dadd62 100644
--- a/docs/experimentals/off-canvas.html
+++ b/docs/experimentals/off-canvas.html
@@ -201,17 +201,6 @@
<div class="container" id="off-canvas">
<h3 class="s-title">Off-canvas<a class="anchor" href="#off-canvas" aria-hidden="true">#</a></h3>
<p><small class="label label-secondary">CSS ONLY</small></p>
- <div class="docs-ad">
- <div class="hide-md text-center">
- <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
- <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
- <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
- </div>
- <div class="show-md text-center">
- <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
- <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
- </div>
- </div>
<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.
diff --git a/docs/experimentals/parallax.html b/docs/experimentals/parallax.html
index a7e2ae4..a6a048e 100644
--- a/docs/experimentals/parallax.html
+++ b/docs/experimentals/parallax.html
@@ -201,17 +201,6 @@
<div class="container" id="parallax">
<h3 class="s-title">Parallax<a class="anchor" href="#parallax" aria-hidden="true">#</a></h3>
<p><small class="label label-secondary">CSS ONLY</small></p>
- <div class="docs-ad">
- <div class="hide-md text-center">
- <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
- <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
- <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
- </div>
- <div class="show-md text-center">
- <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
- <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
- </div>
- </div>
<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">
diff --git a/docs/experimentals/progress.html b/docs/experimentals/progress.html
index 4649d5b..f48fe55 100644
--- a/docs/experimentals/progress.html
+++ b/docs/experimentals/progress.html
@@ -200,17 +200,6 @@
<div class="docs-content" id="content">
<div class="container" id="progress">
<h3 class="s-title">Progress<a class="anchor" href="#progress" aria-hidden="true">#</a></h3>
- <div class="docs-ad">
- <div class="hide-md text-center">
- <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
- <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
- <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
- </div>
- <div class="show-md text-center">
- <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
- <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
- </div>
- </div>
<p>The Progress indicates the progress completion of a task.</p>
<div class="docs-demo columns">
<div class="column col-3 col-xs-12">
diff --git a/docs/experimentals/sliders.html b/docs/experimentals/sliders.html
index cafcca8..f007477 100644
--- a/docs/experimentals/sliders.html
+++ b/docs/experimentals/sliders.html
@@ -200,17 +200,6 @@
<div class="docs-content" id="content">
<div class="container" id="sliders">
<h3 class="s-title">Sliders<a class="anchor" href="#sliders" aria-hidden="true">#</a></h3>
- <div class="docs-ad">
- <div class="hide-md text-center">
- <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
- <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
- <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
- </div>
- <div class="show-md text-center">
- <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
- <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
- </div>
- </div>
<p>The 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.
diff --git a/docs/experimentals/timelines.html b/docs/experimentals/timelines.html
index 8418694..317bc75 100644
--- a/docs/experimentals/timelines.html
+++ b/docs/experimentals/timelines.html
@@ -200,17 +200,6 @@
<div class="docs-content" id="content">
<div class="container" id="timelines">
<h3 class="s-title">Timelines<a class="anchor" href="#timelines" aria-hidden="true">#</a></h3>
- <div class="docs-ad">
- <div class="hide-md text-center">
- <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
- <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
- <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
- </div>
- <div class="show-md text-center">
- <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
- <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
- </div>
- </div>
<p>The Timelines are ordered sequences of activities.</p>
<div class="docs-demo columns">
<div class="column col-9 col-sm-12">
diff --git a/docs/experimentals/viewer-360.html b/docs/experimentals/viewer-360.html
index 065bd36..8ee34c2 100644
--- a/docs/experimentals/viewer-360.html
+++ b/docs/experimentals/viewer-360.html
@@ -201,17 +201,6 @@
<div class="container" id="viewer-360">
<h3 class="s-title">360-Degree Viewer<a class="anchor" href="#viewer-360" aria-hidden="true">#</a></h3>
<p><small class="label label-secondary">CSS ONLY</small></p>
- <div class="docs-ad">
- <div class="hide-md text-center">
- <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
- <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
- <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
- </div>
- <div class="show-md text-center">
- <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
- <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
- </div>
- </div>
<p>360-Degree Viewer is an interactive product photo viewer. It is built in pure CSS. </p>
<div class="docs-demo columns">
<div class="column col-12">