Update

picturepan2 · Apr 30, 2019 · c19a27e · c19a27e
1 parent 2513e31
commit c19a27e
Show file tree

Hide file tree

Showing 71 changed files with 7 additions and 706 deletions.
diff --git a/dist/spectre.css b/dist/spectre.css
@@ -861,10 +861,6 @@ legend {
   box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
 }
 
-.form-input::-webkit-input-placeholder {
-  color: #bcc3ce;
-}
-
 .form-input:-ms-input-placeholder {
   color: #bcc3ce;
 }

diff --git a/dist/spectre.min.css b/dist/spectre.min.css
diff --git a/docs/components.html b/docs/components.html
@@ -200,17 +200,6 @@ <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
         <div class="docs-content" id="content">
           <div class="container" id="components">
             <h3 class="s-title">Components<a class="anchor" href="#components" 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> <strong>Spectre.css </strong>is a lightweight, responsive and modern CSS framework for faster and extensible development.</p>
             <p>
                Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.</p>

diff --git a/docs/components/accordions.html b/docs/components/accordions.html
@@ -200,17 +200,6 @@ <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
         <div class="docs-content" id="content">
           <div class="container" id="accordions">
             <h3 class="s-title">Accordions<a class="anchor" href="#accordions" 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>Accordions are used to toggle sections of content.</p>
             <div class="docs-demo columns">
               <div class="column col-6 col-md-12">

diff --git a/docs/components/avatars.html b/docs/components/avatars.html
@@ -200,17 +200,6 @@ <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
         <div class="docs-content" id="content">
           <div class="container" id="avatars">
             <h3 class="s-title">Avatars<a class="anchor" href="#avatars" 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>Avatars are user profile pictures. </p>
             <div class="docs-demo columns">
               <div class="column col-6 col-xs-12">

diff --git a/docs/components/badges.html b/docs/components/badges.html
@@ -200,17 +200,6 @@ <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
         <div class="docs-content" id="content">
           <div class="container" id="badges">
             <h3 class="s-title">Badges<a class="anchor" href="#badges" 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>Badges are often used as unread number indicators.</p>
             <div class="docs-demo columns">
               <div class="column col-3 col-xs-6"><span class="badge" data-badge="">Notifications</span></div>

diff --git a/docs/components/bars.html b/docs/components/bars.html
@@ -200,17 +200,6 @@ <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
         <div class="docs-content" id="content">
           <div class="container" id="bars">
             <h3 class="s-title">Bars<a class="anchor" href="#bars" 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>
               Bars represent the progress of a task or the value within the known range.
               Bars are custom components for displaying HTML5 &lt;progress&gt;, &lt;meter&gt; and input range elements.

diff --git a/docs/components/breadcrumbs.html b/docs/components/breadcrumbs.html
@@ -200,17 +200,6 @@ <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
         <div class="docs-content" id="content">
           <div class="container" id="breadcrumbs">
             <h3 class="s-title">Breadcrumbs<a class="anchor" href="#breadcrumbs" 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>Breadcrumbs are used as navigational hierarchies to indicate current location.</p>
             <div class="docs-demo columns">
               <div class="column col-12">

diff --git a/docs/components/cards.html b/docs/components/cards.html
@@ -200,17 +200,6 @@ <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
         <div class="docs-content" id="content">
           <div class="container" id="cards">
             <h3 class="s-title">Cards<a class="anchor" href="#cards" 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>Cards are flexible content containers.</p>
             <div class="docs-demo columns">
               <div class="column col-6 col-xs-12">

diff --git a/docs/components/chips.html b/docs/components/chips.html
@@ -200,17 +200,6 @@ <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
         <div class="docs-content" id="content">
           <div class="container" id="chips">
             <h3 class="s-title">Chips<a class="anchor" href="#chips" 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>Chips are complex entities in small blocks.</p>
             <div class="docs-demo columns">
               <div class="column col-12"><span class="chip">Crime</span><span class="chip">Drama</span><span class="chip">Biography<a class="btn btn-clear" href="#" aria-label="Close" role="button"></a></span><span class="chip">Mystery<a class="btn btn-clear" href="#" aria-label="Close" role="button"></a></span></div>

diff --git a/docs/components/empty.html b/docs/components/empty.html
@@ -200,17 +200,6 @@ <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
         <div class="docs-content" id="content">
           <div class="container" id="empty">
             <h3 class="s-title">Empty states<a class="anchor" href="#empty" 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>Empty states/blank slates are commonly used as placeholders for first time use, empty data and error screens.</p>
             <div class="docs-demo columns">
               <div class="column col-12">

diff --git a/docs/components/menu.html b/docs/components/menu.html
@@ -200,17 +200,6 @@ <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
         <div class="docs-content" id="content">
           <div class="container" id="menu">
             <h3 class="s-title">Menu<a class="anchor" href="#menu" 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>Menus are vertical list of links or buttons for actions and navigation.</p>
             <div class="docs-demo columns">
               <div class="column col-4 col-xs-12">

diff --git a/docs/components/modals.html b/docs/components/modals.html
@@ -200,17 +200,6 @@ <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
         <div class="docs-content" id="content">
           <div class="container" id="modals">
             <h3 class="s-title">Modals<a class="anchor" href="#modals" 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>Modals are flexible dialog prompts.</p>
             <div class="docs-demo columns">
               <div class="column"><a class="btn btn-primary" href="#example-modal-1">Open Modal</a>

diff --git a/docs/components/nav.html b/docs/components/nav.html
@@ -200,17 +200,6 @@ <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
         <div class="docs-content" id="content">
           <div class="container" id="nav">
             <h3 class="s-title">Nav<a class="anchor" href="#nav" 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>
             <div class="docs-demo columns">
               <div class="column col-6 col-xs-12">
                 <ul class="nav">

diff --git a/docs/components/pagination.html b/docs/components/pagination.html
@@ -200,17 +200,6 @@ <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
         <div class="docs-content" id="content">
           <div class="container" id="pagination">
             <h3 class="s-title">Pagination<a class="anchor" href="#pagination" 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>
             <div class="docs-demo columns">
               <div class="column col-xs-12">
                 <ul class="pagination">

diff --git a/docs/components/panels.html b/docs/components/panels.html
@@ -200,17 +200,6 @@ <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
         <div class="docs-content" id="content">
           <div class="container" id="panels">
             <h3 class="s-title">Panels<a class="anchor" href="#panels" 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>Panels are flexible view container with auto-expand content section.</p>
             <div class="docs-demo columns">
               <div class="column col-6 col-xs-12">