update docs

12 files changed, 72 insertions, 312 deletions

diff --git a/docs/experimentals/autocomplete.html b/docs/experimentals/autocomplete.html
index d90502c..0e68fc4 100644
--- a/docs/experimentals/autocomplete.html
+++ b/docs/experimentals/autocomplete.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -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">
@@ -325,21 +314,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/experimentals/calendars.html b/docs/experimentals/calendars.html
index 27b9865..c17b291 100644
--- a/docs/experimentals/calendars.html
+++ b/docs/experimentals/calendars.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -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">
@@ -583,21 +572,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/experimentals/carousels.html b/docs/experimentals/carousels.html
index 398875f..f0719c5 100644
--- a/docs/experimentals/carousels.html
+++ b/docs/experimentals/carousels.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -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">
@@ -298,21 +287,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/experimentals/comparison.html b/docs/experimentals/comparison.html
index 6beac80..65545b9 100644
--- a/docs/experimentals/comparison.html
+++ b/docs/experimentals/comparison.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -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">
@@ -249,21 +238,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/experimentals/filters.html b/docs/experimentals/filters.html
index aa6d803..83ba9e3 100644
--- a/docs/experimentals/filters.html
+++ b/docs/experimentals/filters.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -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">
@@ -365,21 +354,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/experimentals/meters.html b/docs/experimentals/meters.html
index f98f7a2..f0838f1 100644
--- a/docs/experimentals/meters.html
+++ b/docs/experimentals/meters.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -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">
@@ -244,21 +233,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/experimentals/off-canvas.html b/docs/experimentals/off-canvas.html
index 0654549..9dcb593 100644
--- a/docs/experimentals/off-canvas.html
+++ b/docs/experimentals/off-canvas.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -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.
@@ -261,21 +250,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/experimentals/parallax.html b/docs/experimentals/parallax.html
index daf1966..40be65d 100644
--- a/docs/experimentals/parallax.html
+++ b/docs/experimentals/parallax.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -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">
@@ -254,21 +243,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/experimentals/progress.html b/docs/experimentals/progress.html
index c6bede0..770e4ac 100644
--- a/docs/experimentals/progress.html
+++ b/docs/experimentals/progress.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -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">
@@ -239,21 +228,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/experimentals/sliders.html b/docs/experimentals/sliders.html
index f8dbd58..f27f4bf 100644
--- a/docs/experimentals/sliders.html
+++ b/docs/experimentals/sliders.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -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.
@@ -238,21 +227,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/experimentals/timelines.html b/docs/experimentals/timelines.html
index a19401c..176feb0 100644
--- a/docs/experimentals/timelines.html
+++ b/docs/experimentals/timelines.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -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">
@@ -296,21 +285,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/experimentals/viewer-360.html b/docs/experimentals/viewer-360.html
index e1809bb..b3598e3 100644
--- a/docs/experimentals/viewer-360.html
+++ b/docs/experimentals/viewer-360.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -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">
@@ -251,21 +240,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file