diff options
update docs
71 files changed, 416 insertions, 7651 deletions
diff --git a/docs/components.html b/docs/components.html index 004d174..1f8790d 100644 --- a/docs/components.html +++ b/docs/components.html @@ -30,8 +30,8 @@ </div> </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> + <div class="docs-brand"><a class="docs-logo" href="index.html"><img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework—now at dark"> + <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="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> @@ -397,21 +386,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/components/accordions.html b/docs/components/accordions.html index fc883c1..850040e 100644 --- a/docs/components/accordions.html +++ b/docs/components/accordions.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="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"> @@ -326,21 +315,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/components/avatars.html b/docs/components/avatars.html index f7a5749..ec179c3 100644 --- a/docs/components/avatars.html +++ b/docs/components/avatars.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="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"> @@ -294,21 +283,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/components/badges.html b/docs/components/badges.html index c21c678..2a62712 100644 --- a/docs/components/badges.html +++ b/docs/components/badges.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="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> @@ -265,21 +254,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/components/bars.html b/docs/components/bars.html index 6ed6a66..730c965 100644 --- a/docs/components/bars.html +++ b/docs/components/bars.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="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 <progress>, <meter> and input range elements. @@ -305,21 +294,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/components/breadcrumbs.html b/docs/components/breadcrumbs.html index 26630a1..dca37ec 100644 --- a/docs/components/breadcrumbs.html +++ b/docs/components/breadcrumbs.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="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"> @@ -259,21 +248,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/components/cards.html b/docs/components/cards.html index 1e990cd..b80748d 100644 --- a/docs/components/cards.html +++ b/docs/components/cards.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="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"> @@ -311,21 +300,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/components/chips.html b/docs/components/chips.html index 507ac65..f86fcf0 100644 --- a/docs/components/chips.html +++ b/docs/components/chips.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="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> @@ -248,21 +237,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/components/empty.html b/docs/components/empty.html index 766743c..cb3bc74 100644 --- a/docs/components/empty.html +++ b/docs/components/empty.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="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"> @@ -274,21 +263,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/components/menu.html b/docs/components/menu.html index 85bc157..80c8952 100644 --- a/docs/components/menu.html +++ b/docs/components/menu.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="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"> @@ -391,21 +380,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/components/modals.html b/docs/components/modals.html index 85853c2..7c14797 100644 --- a/docs/components/modals.html +++ b/docs/components/modals.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="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> @@ -351,21 +340,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/components/nav.html b/docs/components/nav.html index 7612289..2419476 100644 --- a/docs/components/nav.html +++ b/docs/components/nav.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="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"> @@ -271,21 +260,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/components/pagination.html b/docs/components/pagination.html index 5577162..1740ddf 100644 --- a/docs/components/pagination.html +++ b/docs/components/pagination.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="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"> @@ -304,21 +293,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/components/panels.html b/docs/components/panels.html index e510a91..2a877e2 100644 --- a/docs/components/panels.html +++ b/docs/components/panels.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="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"> @@ -351,21 +340,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/components/popovers.html b/docs/components/popovers.html index 1765ce8..d4e6c65 100644 --- a/docs/components/popovers.html +++ b/docs/components/popovers.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="popovers"> <h3 class="s-title">Popovers<a class="anchor" href="#popovers" 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>Popovers are small overlay content containers. Popovers component is built entirely in CSS.</p> <div class="docs-demo columns"> <div class="column col-3 col-sm-6"> @@ -312,21 +301,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/components/steps.html b/docs/components/steps.html index 869cd6d..e1b1000 100644 --- a/docs/components/steps.html +++ b/docs/components/steps.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="steps"> <h3 class="s-title">Steps<a class="anchor" href="#steps" 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>Steps are progress indicators of a sequence of task steps.</p> <div class="docs-demo columns"> <div class="column col-12"> @@ -259,21 +248,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/components/tabs.html b/docs/components/tabs.html index e1b210f..c370eda 100644 --- a/docs/components/tabs.html +++ b/docs/components/tabs.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="tabs"> <h3 class="s-title">Tabs<a class="anchor" href="#tabs" 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>Tabs enable quick switch between different views.</p> <div class="docs-demo columns"> <div class="column col-6 col-sm-12"> @@ -318,21 +307,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/components/tiles.html b/docs/components/tiles.html index 417c484..981987d 100644 --- a/docs/components/tiles.html +++ b/docs/components/tiles.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="tiles"> <h3 class="s-title">Tiles<a class="anchor" href="#tiles" 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>Tiles are repeatable or embeddable information blocks.</p> <div class="docs-demo columns"> <div class="column col-9 col-sm-12"> @@ -311,21 +300,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/components/toasts.html b/docs/components/toasts.html index b21de28..d207cda 100644 --- a/docs/components/toasts.html +++ b/docs/components/toasts.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="toasts"> <h3 class="s-title">Toasts<a class="anchor" href="#toasts" 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>Toasts are used to show alert or information to users.</p> <div class="docs-demo columns"> <div class="column col-9 col-sm-12"> @@ -271,21 +260,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/components/tooltips.html b/docs/components/tooltips.html index 2fc9264..0e5e11b 100644 --- a/docs/components/tooltips.html +++ b/docs/components/tooltips.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="tooltips"> <h3 class="s-title">Tooltips<a class="anchor" href="#tooltips" 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>Tooltips provide context information labels that appear on hover and focus. Tooltips component is built entirely in CSS.</p> <div class="docs-demo columns text-center"> <div class="column col-xs-12"> @@ -255,21 +244,12 @@ Multiline">left tooltip</button> </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/dist/docs.min.css b/docs/dist/docs.min.css index ba68e6d..9595b7f 100644 --- a/docs/dist/docs.min.css +++ b/docs/dist/docs.min.css @@ -1,1065 +1 @@ -/*! Spectre.css Docs | MIT License | github.com/picturepan2/spectre */ -.version::after { - content: "0.5.8"; -} - -.off-canvas .off-canvas-toggle { - font-size: 1rem; - left: 1.5rem; - position: fixed; - top: 1rem; -} - -.off-canvas .off-canvas-sidebar { - width: 12rem; -} - -.off-canvas .off-canvas-content { - padding: 0; -} - -.docs-container { - min-height: 100vh; -} - -.docs-navbar { - height: 3.8rem; - position: fixed; - right: 0; - top: 0; - z-index: 100; -} - -.docs-navbar .btns { - position: absolute; - right: 1.5rem; - top: 1rem; - width: 14rem; -} - -.docs-navbar .algolia-autocomplete { - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} - -.docs-sidebar .docs-nav { - bottom: 1.5rem; - -webkit-overflow-scrolling: touch; - overflow-y: auto; - padding: .5rem 1.5rem; - position: fixed; - top: 3.5rem; - width: 12rem; -} - -.docs-sidebar .accordion { - margin-bottom: .75rem; -} - -.docs-sidebar .accordion input ~ .accordion-header { - color: #a6a6a6; - font-size: .65rem; - font-weight: 600; - text-transform: uppercase; -} - -.docs-sidebar .accordion input:checked ~ .accordion-header { - color: #b3b2b2; -} - -.docs-sidebar .accordion .menu .menu-item { - font-size: .7rem; - padding-left: 1rem; -} - -.docs-sidebar .accordion .menu .menu-item > a { - background: 0 0; - color: #404040; - display: inline-block; -} - -.docs-content { - -ms-flex: 1 1 auto; - flex: 1 1 auto; - padding: 0 4rem; - width: calc(100vw - 12rem); -} - -.docs-content > .container { - margin-left: 0; - max-width: 800px; - padding-bottom: 1.5rem; -} - -.docs-content .anchor { - color: #6362dc; - display: none; - margin-left: .2rem; - padding: 0 .2rem; -} - -.docs-content .anchor:focus, -.docs-content .anchor:hover { - display: inline; - text-decoration: none; -} - -.docs-content .s-subtitle, -.docs-content .s-title { - line-height: 1.8rem; - margin-bottom: 0; - padding-bottom: 1rem; - padding-top: 1rem; - position: static; -} - -@supports ((position: -webkit-sticky) or (position: sticky)) { - .docs-content .s-subtitle, - .docs-content .s-title { - position: -webkit-sticky; - position: sticky; - top: 0; - z-index: 99; - } - .docs-content .s-subtitle::before, - .docs-content .s-title::before { - background: #000; - bottom: 0; - content: ""; - display: block; - left: -10px; - position: absolute; - right: -10px; - top: -5px; - z-index: -1; - } -} - -.docs-content .s-subtitle:hover .anchor, -.docs-content .s-title:hover .anchor { - display: inline; -} - -.docs-content .s-subtitle + .docs-note, -.docs-content .s-title + .docs-note { - margin-top: .4rem; -} - -.docs-content .docs-demo { - padding-bottom: 1rem; - padding-top: 1rem; -} - -.docs-content .docs-demo .card { - border: 0; - box-shadow: 0 .25rem 1rem rgba(0, 0, 0, .15); - height: 100%; -} - -.docs-content .column { - padding: .4rem; -} - -.docs-content .docs-block { - border-radius: .1rem; - padding: .4rem; -} - -.docs-content .docs-block.bg-gray { - background: #050505; -} - -.docs-content .docs-shape { - height: 4.8rem; - line-height: 1.2rem; - padding: 1.8rem 0; - width: 4.8rem; -} - -.docs-content .docs-dot { - border-radius: 50%; - display: inline-block; - height: .5rem; - padding: 0; - width: .5rem; -} - -.docs-content .docs-table td, -.docs-content .docs-table th { - padding: .75rem .25rem; -} - -.docs-content .docs-color { - border-radius: .1rem; - margin: .25rem 0; - padding: 5rem .5rem .5rem; -} - -.docs-content .docs-color .color-subtitle { - font-size: .7rem; - opacity: .75; -} - -.docs-content .code .hljs-tag { - color: #fff; -} - -.docs-content .code .hljs-comment { - color: #8c8c8c; -} - -.docs-content .code .hljs-class, -.docs-content .code .hljs-number, -.docs-content .code .hljs-string, -.docs-content .code .hljs-title { - color: #5755d9; -} - -.docs-content .code .hljs-attribute, -.docs-content .code .hljs-built_in, -.docs-content .code .hljs-keyword, -.docs-content .code .hljs-name, -.docs-content .code .hljs-variable { - color: #d73e48; -} - -.docs-content .code .hljs-hexcolor, -.docs-content .code .hljs-value { - color: #fff; -} - -.docs-content .c-select-all { - -webkit-user-select: all; - -moz-user-select: all; - -ms-user-select: all; - user-select: all; -} - -.docs-content .panel { - height: 75vh; -} - -.docs-content .panel .tile { - margin: .75rem 0; -} - -.docs-content .parallax { - margin: 2rem auto; -} - -.docs-content .form-autocomplete .menu { - position: static; -} - -.docs-content .example-tile-icon { - align-content: space-around; - align-items: center; - background: #5755d9; - border-radius: .1rem; - color: #000; - display: -ms-flexbox; - display: flex; - -ms-flex-align: center; - -ms-flex-line-pack: distribute; - font-size: 1.2rem; - height: 2rem; - width: 2rem; -} - -.docs-content .example-tile-icon .icon { - margin: auto; -} - -.docs-content .comparison-slider { - height: auto; - padding-bottom: 56.2222%; -} - -.docs-content .comparison-slider .filter-grayscale { - filter: grayscale(75%); -} - -.docs-content .off-canvas { - position: relative; -} - -.docs-content .off-canvas .off-canvas-toggle { - left: .4rem; - position: absolute; - top: .4rem; - z-index: 1; -} - -.docs-brand { - color: #5755d9; - height: 2rem; - left: 1.5rem; - position: fixed; - top: .85rem; -} - -.docs-brand .docs-logo { - align-items: center; - border-radius: .1rem; - display: -ms-inline-flexbox; - display: inline-flex; - -ms-flex-align: center; - font-size: .7rem; - height: 2rem; - padding: .2rem; - width: auto; -} - -.docs-brand .docs-logo:focus, -.docs-brand .docs-logo:hover { - text-decoration: none; -} - -.docs-brand .docs-logo img { - display: inline-block; - height: auto; - width: 1.6rem; -} - -.docs-brand .docs-logo h2 { - display: inline-block; - font-size: .8rem; - font-weight: 700; - line-height: 1.5rem; - margin-bottom: 0; - margin-left: .5rem; - margin-right: .3rem; -} - -.docs-footer { - color: #8c8c8c; - padding: .5rem; -} - -.docs-footer a { - color: #404040; -} - -.docs-ad { - background: #0d0d0d; - border-radius: .1rem; - display: block; - margin: 2rem 0; - padding: .4rem; - position: relative; -} - -.docs-ad ins { - line-height: 1; - vertical-align: middle; -} - -.docs-ad .carbon-wrap .carbon-img { - display: block; -} - -.docs-ad .carbon-wrap .carbon-text { - color: #404040; - display: block; - font-size: .7rem; -} - -.docs-ad .carbon-poweredby { - color: #8c8c8c; - font-size: .7rem; -} - -.section-hero { - padding: 1rem .5rem; -} - -.section-hero .docs-brand { - position: absolute; - top: .85rem; -} - -.section-hero .docs-brand h2 { - color: #5755d9; -} - -.section-hero .column { - padding: .4rem; -} - -.section-ads { - padding: 1rem .5rem; -} - -.section-updates { - padding: 4.5rem .5rem 2.5rem .5rem; -} - -.section-updates .card { - border: 0; - margin-bottom: 1rem; -} - -.section-features { - padding: 4.5rem .5rem; -} - -.section-features .column { - padding: .4rem; -} - -.section-footer { - color: #8c8c8c; - padding: 1.8rem .75rem 1rem; - position: relative; - z-index: 200; -} - -.section-footer a { - color: #404040; -} - -.grid-hero { - padding-bottom: 2rem; - padding-top: 6rem; -} - -.grid-hero h1 { - color: #fff; - font-size: 1.6rem; - font-weight: 600; - margin-bottom: 1.5rem; -} - -.grid-hero h2 { - color: #fff; - font-size: .9rem; - font-weight: 400; - line-height: 1.5rem; - margin-bottom: 1.5rem; -} - -.grid-hero h2 u { - border-bottom: .1rem solid currentColor; - padding-bottom: .05rem; - text-decoration: none; -} - -.grid-hero .card { - background: 0 0; - border: 0; - color: #fff; - padding: .5rem; -} - -.grid-hero .card .card-title { - color: #5755d9; - font-size: 1rem; - font-weight: 700; - margin-bottom: 0; -} - -@media (max-width: 960px) { - .off-canvas .off-canvas-toggle { - z-index: 300; - } - .off-canvas .off-canvas-content { - width: 100%; - } - .docs-sidebar .docs-brand { - margin: .85rem 1.5rem; - padding: 0; - position: static; - } - .docs-sidebar .docs-nav { - margin-top: 1rem; - position: static; - } - .docs-sidebar .menu .menu-item > a { - padding: .3rem .4rem; - } - .docs-navbar { - -webkit-backdrop-filter: blur(5px); - backdrop-filter: blur(5px); - background: rgba(13, 13, 13, .65); - left: 0; - } - .docs-content { - min-width: auto; - padding: 0 1.5rem; - width: 100%; - } - .docs-content .s-subtitle, - .docs-content .s-title { - padding-top: 5rem; - position: static; - } - .docs-content .s-subtitle::before, - .docs-content .s-title::before { - content: none; - } - .section-hero .s-brand { - height: 5rem; - padding: 1.5rem .5rem; - text-align: center; - width: 100%; - } - .section-hero .s-brand .s-logo { - height: auto; - } - .section-hero .s-brand img { - height: 3.2rem; - width: 3.2rem; - } - .section-hero .s-brand h2 { - display: none; - } -} - -@media (max-width: 600px) { - .grid-hero h2 { - font-size: .9rem; - } - .grid-hero .card { - padding: 0; - } - .off-canvas .off-canvas-toggle { - left: .5rem; - } - .docs-navbar .btns { - right: .9rem; - } - .grid-hero .docs-brand { - left: .9rem; - } - .docs-sidebar .docs-brand { - margin: .85rem 1rem; - } - .docs-sidebar .docs-nav { - padding: .5rem 1rem; - } - .docs-content { - padding: 0 .5rem; - } - .docs-content .docs-block { - padding: .4rem .1rem; - } -} - -@media (min-width: 1366px) { - .docs-ad.docs-ad-sidebar { - bottom: 1rem; - margin: 0; - position: fixed; - right: 1rem; - width: 7.3rem; - } -} - -.searchbox { - box-sizing: border-box; - display: inline-block; - height: 32px !important; - position: relative; - visibility: visible !important; - white-space: nowrap; - width: 200px; -} - -.searchbox .algolia-autocomplete { - display: block; - height: 100%; - width: 100%; -} - -.searchbox__wrapper { - height: 100%; - position: relative; - width: 100%; - z-index: 999; -} - -.searchbox__input { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: #fff !important; - border: 0; - border-radius: 16px; - box-shadow: inset 0 0 0 1px #ccc; - box-sizing: border-box; - display: inline-block; - font-size: 12px; - height: 100%; - padding: 0 26px 0 32px; - transition: box-shadow .4s ease,background .4s ease; - vertical-align: middle; - white-space: normal; - width: 100%; -} - -.searchbox__input::-webkit-search-cancel-button, -.searchbox__input::-webkit-search-decoration, -.searchbox__input::-webkit-search-results-button, -.searchbox__input::-webkit-search-results-decoration { - display: none; -} - -.searchbox__input:hover { - box-shadow: inset 0 0 0 1px #b3b3b3; -} - -.searchbox__input:active, -.searchbox__input:focus { - background: #fff; - box-shadow: inset 0 0 0 1px #aaa; - outline: 0; -} - -.searchbox__input:-ms-input-placeholder { - color: #aaa; -} - -.searchbox__input::-ms-input-placeholder { - color: #aaa; -} - -.searchbox__input::placeholder { - color: #aaa; -} - -.searchbox__submit { - background-color: rgba(69, 142, 225, 0); - border: 0; - border-radius: 16px 0 0 16px; - font-size: inherit; - height: 100%; - left: 0; - margin: 0; - padding: 0; - position: absolute; - right: inherit; - text-align: center; - top: 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - width: 32px; -} - -.searchbox__submit:before { - content: ""; - display: inline-block; - height: 100%; - margin-right: -4px; - vertical-align: middle; -} - -.searchbox__submit:active, -.searchbox__submit:hover { - cursor: pointer; -} - -.searchbox__submit:focus { - outline: 0; -} - -.searchbox__submit svg { - fill: #6d7e96; - height: 14px; - vertical-align: middle; - width: 14px; -} - -.searchbox__reset { - background: 0 0; - border: 0; - cursor: pointer; - display: block; - fill: rgba(0, 0, 0, .5); - font-size: inherit; - margin: 0; - padding: 0; - position: absolute; - right: 8px; - top: 8px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.searchbox__reset.hide { - display: none; -} - -.searchbox__reset:focus { - outline: 0; -} - -.searchbox__reset svg { - display: block; - height: 8px; - margin: 4px; - width: 8px; -} - -.searchbox__input:valid ~ .searchbox__reset { - animation-duration: .15s; - animation-name: sbx-reset-in; - display: block; -} - -@keyframes sbx-reset-in { - 0% { - opacity: 0; - transform: translate3d(-20%, 0, 0); - } - to { - opacity: 1; - transform: none; - } -} - -.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu { - left: inherit !important; - right: 0 !important; -} - -.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu:before { - right: 48px; -} - -.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu { - left: 0 !important; - right: inherit !important; -} - -.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu:before { - left: 48px; -} - -.algolia-autocomplete .ds-dropdown-menu { - background: 0 0; - border: none; - border-radius: 4px; - box-shadow: 0 .05rem .2rem rgba(0, 0, 0, .3); - height: auto; - margin: 6px 0 0; - max-width: 600px; - min-width: 500px; - padding: 0; - position: relative; - text-align: left; - top: -6px; - z-index: 999; -} - -.algolia-autocomplete .ds-dropdown-menu .ds-suggestions { - margin-top: 8px; - position: relative; - z-index: 1000; -} - -.algolia-autocomplete .ds-dropdown-menu .ds-suggestions a:hover { - text-decoration: none; -} - -.algolia-autocomplete .ds-dropdown-menu .ds-suggestion { - cursor: pointer; -} - -.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion.suggestion-layout-simple, -.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion:not(.suggestion-layout-simple) .algolia-docsearch-suggestion--content { - background-color: rgba(87, 85, 217, .05); -} - -.algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-] { - background: #fff; - border-radius: 4px; - overflow: auto; - padding: 0 8px 8px; - position: relative; -} - -.algolia-autocomplete .ds-dropdown-menu * { - box-sizing: border-box; -} - -.algolia-autocomplete .algolia-docsearch-suggestion { - background: #fff; - color: #000; - display: block; - overflow: hidden; - padding: 0 8px; - position: relative; -} - -.algolia-autocomplete .algolia-docsearch-suggestion--highlight { - background: rgba(87, 85, 217, .1); - color: #5755d9; - padding: .1em .05em; -} - -.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl0 .algolia-docsearch-suggestion--highlight, -.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl1 .algolia-docsearch-suggestion--highlight { - background: inherit; - box-shadow: inset 0 -2px 0 0 rgba(87, 85, 217, .8); - color: inherit; - padding: 0 0 1px; -} - -.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight { - background: inherit; - box-shadow: inset 0 -2px 0 0 rgba(87, 85, 217, .8); - color: inherit; - padding: 0 0 1px; -} - -.algolia-autocomplete .algolia-docsearch-suggestion--content { - cursor: pointer; - display: block; - float: right; - padding: 5.33333px 0 5.33333px 10.66667px; - position: relative; - width: 70%; -} - -.algolia-autocomplete .algolia-docsearch-suggestion--content:before { - background: #bfbfbf; - content: ""; - display: block; - height: 100%; - left: -1px; - position: absolute; - top: 0; - width: 1px; -} - -.algolia-autocomplete .algolia-docsearch-suggestion--category-header { - border-bottom: 1px solid #bfbfbf; - color: #000; - display: none; - font-size: 1em; - margin-top: 8px; - padding: 4px 0; - position: relative; -} - -.algolia-autocomplete .algolia-docsearch-suggestion--wrapper { - float: left; - padding: 8px 0 0; - width: 100%; -} - -.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column { - color: #8c8c8c; - float: left; - font-size: .9em; - padding: 5.33333px 10.66667px; - position: relative; - text-align: right; - width: 30%; - word-wrap: break-word; -} - -.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column:before { - background: #bfbfbf; - content: ""; - display: block; - height: 100%; - position: absolute; - right: 0; - top: 0; - width: 1px; -} - -.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-inline { - display: none; -} - -.algolia-autocomplete .algolia-docsearch-suggestion--title { - color: #000; - font-size: .9em; - font-weight: 700; -} - -.algolia-autocomplete .algolia-docsearch-suggestion--text { - color: #404040; - display: block; - font-size: .85em; - line-height: 1.2em; -} - -.algolia-autocomplete .algolia-docsearch-suggestion--no-results { - font-size: 1.2em; - padding: 8px 0; - text-align: center; - width: 100%; -} - -.algolia-autocomplete .algolia-docsearch-suggestion--no-results:before { - display: none; -} - -.algolia-autocomplete .algolia-docsearch-suggestion code { - background-color: #ebebeb; - border: none; - border-radius: 3px; - color: #222; - font-family: Menlo,Monaco,Consolas,Courier New,monospace; - font-size: 90%; - padding: 1px 5px; -} - -.algolia-autocomplete .algolia-docsearch-suggestion code .algolia-docsearch-suggestion--highlight { - background: 0 0; -} - -.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__main .algolia-docsearch-suggestion--category-header, -.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__secondary { - display: block; -} - -.algolia-autocomplete .suggestion-layout-simple.algolia-docsearch-suggestion { - border-bottom: 1px solid #eee; - margin: 0; - padding: 8px; -} - -.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content { - padding: 0; - width: 100%; -} - -.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content:before { - display: none; -} - -.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header { - border: none; - display: block; - margin: 0; - padding: 0; - width: 100%; -} - -.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl0 { - font-size: .85em; - opacity: .6; -} - -.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1 { - font-size: .85em; - opacity: .6; -} - -.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1:before { - background-image: url("data:image/svg+xml;utf8,<svg width=\"10\" height=\"10\" viewBox=\"0 0 20 38\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1.49 4.31l14 16.126.002-2.624-14 16.074-1.314 1.51 3.017 2.626 1.313-1.508 14-16.075 1.142-1.313-1.14-1.313-14-16.125L3.2.18.18 2.8l1.31 1.51z\" fill-rule=\"evenodd\" fill=\"%231D3657\" /></svg>"); - content: ""; - display: inline-block; - height: 10px; - width: 10px; -} - -.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--wrapper { - float: left; - margin: 0; - padding: 0; - width: 100%; -} - -.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--duplicate-content, -.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--subcategory-inline { - display: none !important; -} - -.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title { - color: #458ee1; - font-size: .9em; - font-weight: 400; - margin: 0; -} - -.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title:before { - color: #458ee1; - content: "#"; - display: inline-block; - font-weight: 700; -} - -.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text { - background: #f8f8f8; - display: block; - font-size: .85em; - line-height: 1.4em; - margin: 4px 0 0; - opacity: .8; - padding: 5.33333px 8px; -} - -.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight { - box-shadow: none; - color: #3f4145; - font-weight: 700; -} - -.algolia-autocomplete .algolia-docsearch-footer { - float: right; - font-size: 0; - height: 20px; - line-height: 0; - margin-top: 10.66667px; - width: 134px; - z-index: 2000; -} - -.algolia-autocomplete .algolia-docsearch-footer--logo { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='168' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M78.988.938h16.594a2.968 2.968 0 0 1 2.966 2.966V20.5a2.967 2.967 0 0 1-2.966 2.964H78.988a2.967 2.967 0 0 1-2.966-2.964V3.897A2.961 2.961 0 0 1 78.988.938zm41.937 17.866c-4.386.02-4.386-3.54-4.386-4.106l-.007-13.336 2.675-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-10.846-2.18c.821 0 1.43-.047 1.855-.129v-2.719a6.334 6.334 0 0 0-1.574-.199 5.7 5.7 0 0 0-.897.069 2.699 2.699 0 0 0-.814.24c-.24.116-.439.28-.582.491-.15.212-.219.335-.219.656 0 .628.219.991.616 1.23s.938.362 1.615.362zm-.233-9.7c.883 0 1.629.109 2.231.328.602.218 1.088.525 1.444.915.363.396.609.922.76 1.483.157.56.232 1.175.232 1.85v6.874a32.5 32.5 0 0 1-1.868.314c-.834.123-1.772.185-2.813.185-.69 0-1.327-.069-1.895-.198a4.001 4.001 0 0 1-1.471-.636 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.803 0-.656.13-1.073.384-1.525a3.24 3.24 0 0 1 1.047-1.106c.445-.287.95-.492 1.532-.615a8.8 8.8 0 0 1 1.82-.185 8.404 8.404 0 0 1 1.972.24v-.438c0-.307-.035-.6-.11-.874a1.88 1.88 0 0 0-.384-.73 1.784 1.784 0 0 0-.724-.493 3.164 3.164 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164a7.735 7.735 0 0 0-1.26.307l-.321-2.192c.335-.117.834-.233 1.478-.349a10.98 10.98 0 0 1 2.073-.178zm52.842 9.626c.822 0 1.43-.048 1.854-.13V13.7a6.347 6.347 0 0 0-1.574-.199c-.294 0-.595.021-.896.069a2.7 2.7 0 0 0-.814.24 1.46 1.46 0 0 0-.582.491c-.15.212-.218.335-.218.656 0 .628.218.991.615 1.23.404.245.938.362 1.615.362zm-.226-9.694c.883 0 1.629.108 2.231.327.602.219 1.088.526 1.444.915.355.39.609.923.759 1.483a6.8 6.8 0 0 1 .233 1.852v6.873c-.41.088-1.034.19-1.868.314-.834.123-1.772.184-2.813.184-.69 0-1.327-.068-1.895-.198a4.001 4.001 0 0 1-1.471-.635 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.804 0-.656.13-1.073.384-1.524.26-.45.608-.82 1.047-1.107.445-.286.95-.491 1.532-.614a8.803 8.803 0 0 1 2.751-.13c.329.034.671.096 1.04.185v-.437a3.3 3.3 0 0 0-.109-.875 1.873 1.873 0 0 0-.384-.731 1.784 1.784 0 0 0-.724-.492 3.165 3.165 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164a7.75 7.75 0 0 0-1.26.307l-.321-2.193c.335-.116.834-.232 1.478-.348a11.633 11.633 0 0 1 2.073-.177zm-8.034-1.271a1.626 1.626 0 0 1-1.628-1.62c0-.895.725-1.62 1.628-1.62.904 0 1.63.725 1.63 1.62 0 .895-.733 1.62-1.63 1.62zm1.348 13.22h-2.689V7.27l2.69-.423v11.956zm-4.714 0c-4.386.02-4.386-3.54-4.386-4.107l-.008-13.336 2.676-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-8.698-5.903c0-1.156-.253-2.119-.746-2.788-.493-.677-1.183-1.01-2.067-1.01-.882 0-1.574.333-2.065 1.01-.493.676-.733 1.632-.733 2.788 0 1.168.246 1.953.74 2.63.492.683 1.183 1.018 2.066 1.018.882 0 1.574-.342 2.067-1.019.492-.683.738-1.46.738-2.63zm2.737-.007c0 .902-.13 1.584-.397 2.33a5.52 5.52 0 0 1-1.128 1.906 4.986 4.986 0 0 1-1.752 1.223c-.685.286-1.739.45-2.265.45-.528-.006-1.574-.157-2.252-.45a5.096 5.096 0 0 1-1.744-1.223c-.487-.527-.863-1.162-1.137-1.906a6.345 6.345 0 0 1-.41-2.33c0-.902.123-1.77.397-2.508a5.554 5.554 0 0 1 1.15-1.892 5.133 5.133 0 0 1 1.75-1.216c.679-.287 1.425-.423 2.232-.423.808 0 1.553.142 2.237.423a4.88 4.88 0 0 1 1.753 1.216 5.644 5.644 0 0 1 1.135 1.892c.287.738.431 1.606.431 2.508zm-20.138 0c0 1.12.246 2.363.738 2.882.493.52 1.13.78 1.91.78.424 0 .828-.062 1.204-.178.377-.116.677-.253.917-.417V9.33a10.476 10.476 0 0 0-1.766-.226c-.971-.028-1.71.37-2.23 1.004-.513.636-.773 1.75-.773 2.788zm7.438 5.274c0 1.824-.466 3.156-1.404 4.004-.936.846-2.367 1.27-4.296 1.27-.705 0-2.17-.137-3.34-.396l.431-2.118c.98.205 2.272.26 2.95.26 1.074 0 1.84-.219 2.299-.656.459-.437.684-1.086.684-1.948v-.437a8.07 8.07 0 0 1-1.047.397c-.43.13-.93.198-1.492.198-.739 0-1.41-.116-2.018-.349a4.206 4.206 0 0 1-1.567-1.025c-.431-.45-.774-1.017-1.013-1.694-.24-.677-.363-1.885-.363-2.773 0-.834.13-1.88.384-2.577.26-.696.629-1.298 1.129-1.796.493-.498 1.095-.881 1.8-1.162a6.605 6.605 0 0 1 2.428-.457c.87 0 1.67.109 2.45.24.78.129 1.444.265 1.985.415V18.17z' fill='%235468FF'/%3E%3Cpath d='M6.972 6.677v1.627c-.712-.446-1.52-.67-2.425-.67-.585 0-1.045.13-1.38.391a1.24 1.24 0 0 0-.502 1.03c0 .425.164.765.494 1.02.33.256.835.532 1.516.83.447.192.795.356 1.045.495.25.138.537.332.862.582.324.25.563.548.718.894.154.345.23.741.23 1.188 0 .947-.334 1.691-1.004 2.234-.67.542-1.537.814-2.601.814-1.18 0-2.16-.229-2.936-.686v-1.708c.84.628 1.814.942 2.92.942.585 0 1.048-.136 1.388-.407.34-.271.51-.646.51-1.125 0-.287-.1-.55-.302-.79-.203-.24-.42-.42-.655-.542-.234-.123-.585-.29-1.053-.503a61.27 61.27 0 0 1-.582-.271 13.67 13.67 0 0 1-.55-.287 4.275 4.275 0 0 1-.567-.351 6.92 6.92 0 0 1-.455-.4c-.18-.17-.31-.34-.39-.51-.08-.17-.155-.37-.224-.598a2.553 2.553 0 0 1-.104-.742c0-.915.333-1.638.998-2.17.664-.532 1.523-.798 2.576-.798.968 0 1.793.17 2.473.51zm7.468 5.696v-.287c-.022-.607-.187-1.088-.495-1.444-.309-.357-.75-.535-1.324-.535-.532 0-.99.194-1.373.583-.382.388-.622.949-.717 1.683h3.909zm1.005 2.792v1.404c-.596.34-1.383.51-2.362.51-1.255 0-2.255-.377-3-1.132-.744-.755-1.116-1.744-1.116-2.968 0-1.297.34-2.316 1.021-3.055.68-.74 1.548-1.11 2.6-1.11 1.033 0 1.852.323 2.458.966.606.644.91 1.572.91 2.784 0 .33-.033.676-.096 1.038h-5.314c.107.702.405 1.239.894 1.611.49.372 1.106.558 1.85.558.862 0 1.58-.202 2.155-.606zm6.605-1.77h-1.212c-.596 0-1.045.116-1.349.35-.303.234-.454.532-.454.894 0 .372.117.664.35.877.235.213.575.32 1.022.32.51 0 .912-.142 1.204-.424.293-.281.44-.651.44-1.108v-.91zm-4.068-2.554V9.325c.627-.361 1.457-.542 2.489-.542 2.116 0 3.175 1.026 3.175 3.08V17h-1.548v-.957c-.415.68-1.143 1.02-2.186 1.02-.766 0-1.38-.22-1.843-.661-.462-.442-.694-1.003-.694-1.684 0-.776.293-1.38.878-1.81.585-.431 1.404-.647 2.457-.647h1.34V11.8c0-.554-.133-.971-.399-1.253-.266-.282-.707-.423-1.324-.423a4.07 4.07 0 0 0-2.345.718zm9.333-1.93v1.42c.394-1 1.101-1.5 2.123-1.5.148 0 .313.016.494.048v1.531a1.885 1.885 0 0 0-.75-.143c-.542 0-.989.24-1.34.718-.351.479-.527 1.048-.527 1.707V17h-1.563V8.91h1.563zm5.01 4.084c.022.82.272 1.492.75 2.019.479.526 1.15.79 2.01.79.639 0 1.235-.176 1.788-.527v1.404c-.521.319-1.186.479-1.995.479-1.265 0-2.276-.4-3.031-1.197-.755-.798-1.133-1.792-1.133-2.984 0-1.16.38-2.151 1.14-2.975.761-.825 1.79-1.237 3.088-1.237.702 0 1.346.149 1.93.447v1.436a3.242 3.242 0 0 0-1.77-.495c-.84 0-1.513.266-2.019.798-.505.532-.758 1.213-.758 2.042zM40.24 5.72v4.579c.458-1 1.293-1.5 2.505-1.5.787 0 1.42.245 1.899.734.479.49.718 1.17.718 2.042V17h-1.564v-5.106c0-.553-.14-.98-.422-1.284-.282-.303-.652-.455-1.11-.455-.531 0-1.002.202-1.411.606-.41.405-.615 1.022-.615 1.851V17h-1.563V5.72h1.563zm14.966 10.02c.596 0 1.096-.253 1.5-.758.404-.506.606-1.157.606-1.955 0-.915-.202-1.62-.606-2.114-.404-.495-.92-.742-1.548-.742-.553 0-1.05.224-1.491.67-.442.447-.662 1.133-.662 2.058 0 .958.212 1.67.638 2.138.425.469.946.703 1.563.703zM53.004 5.72v4.42c.574-.894 1.388-1.341 2.44-1.341 1.022 0 1.857.383 2.506 1.149.649.766.973 1.781.973 3.047 0 1.138-.309 2.109-.925 2.912-.617.803-1.463 1.205-2.537 1.205-1.075 0-1.894-.447-2.457-1.34V17h-1.58V5.72h1.58zm9.908 11.104l-3.223-7.913h1.739l1.005 2.632 1.26 3.415c.096-.32.48-1.458 1.15-3.415l.909-2.632h1.66l-2.92 7.866c-.777 2.074-1.963 3.11-3.559 3.11a2.92 2.92 0 0 1-.734-.079v-1.34c.17.042.351.064.543.064 1.032 0 1.755-.57 2.17-1.708z' fill='%235D6494'/%3E%3Cpath d='M89.632 5.967v-.772a.978.978 0 0 0-.978-.977h-2.28a.978.978 0 0 0-.978.977v.793c0 .088.082.15.171.13a7.127 7.127 0 0 1 1.984-.28c.65 0 1.295.088 1.917.259.082.02.164-.04.164-.13m-6.248 1.01l-.39-.389a.977.977 0 0 0-1.382 0l-.465.465a.973.973 0 0 0 0 1.38l.383.383c.062.061.15.047.205-.014.226-.307.472-.601.746-.874.281-.28.568-.526.883-.751.068-.042.075-.137.02-.2m4.16 2.453v3.341c0 .096.104.165.192.117l2.97-1.537c.068-.034.089-.117.055-.184a3.695 3.695 0 0 0-3.08-1.866c-.068 0-.136.054-.136.13m0 8.048a4.489 4.489 0 0 1-4.49-4.482 4.488 4.488 0 0 1 4.49-4.482 4.488 4.488 0 0 1 4.489 4.482 4.484 4.484 0 0 1-4.49 4.482m0-10.85a6.363 6.363 0 1 0 0 12.729 6.37 6.37 0 0 0 6.372-6.368 6.358 6.358 0 0 0-6.371-6.36' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E"); - background-position: 50%; - background-repeat: no-repeat; - background-size: 100%; - display: block; - height: 100%; - overflow: hidden; - padding: 0 !important; - text-indent: -9000px; - width: 100%; -} - -@media (min-width: 768px) { - .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column { - display: block; - } -} - -@media (max-width: 768px) { - .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column { - color: #02060c; - display: inline-block; - float: left; - font-size: .9em; - font-weight: 700; - opacity: .5; - padding: 0; - text-align: left; - width: auto; - } - .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:before { - display: none; - } - .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:after { - content: "|"; - } - .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content { - display: inline-block; - float: left; - padding: 0; - text-align: left; - width: auto; - } - .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content:before { - display: none; - } -}
\ No newline at end of file +/*! Spectre.css Docs | MIT License | github.com/picturepan2/spectre */.version::after{content:"0.5.8"}.off-canvas .off-canvas-toggle{font-size:1rem;left:1.5rem;position:fixed;top:1rem}.off-canvas .off-canvas-sidebar{width:12rem}.off-canvas .off-canvas-content{padding:0}.docs-container{min-height:100vh}.docs-navbar{height:3.8rem;position:fixed;right:0;top:0;z-index:100}.docs-navbar .btns{position:absolute;right:1.5rem;top:1rem;width:14rem}.docs-navbar .algolia-autocomplete{-ms-flex:1 1 auto;flex:1 1 auto}.docs-sidebar .docs-nav{bottom:1.5rem;-webkit-overflow-scrolling:touch;overflow-y:auto;padding:.5rem 1.5rem;position:fixed;top:3.5rem;width:12rem}.docs-sidebar .accordion{margin-bottom:.75rem}.docs-sidebar .accordion input~.accordion-header{color:#a6a6a6;font-size:.65rem;font-weight:600;text-transform:uppercase}.docs-sidebar .accordion input:checked~.accordion-header{color:#b3b2b2}.docs-sidebar .accordion .menu .menu-item{font-size:.7rem;padding-left:1rem}.docs-sidebar .accordion .menu .menu-item>a{background:0 0;color:#404040;display:inline-block}.docs-content{-ms-flex:1 1 auto;flex:1 1 auto;padding:0 4rem;width:calc(100vw - 12rem)}.docs-content>.container{margin-left:0;max-width:800px;padding-bottom:1.5rem}.docs-content .anchor{color:#6362dc;display:none;margin-left:.2rem;padding:0 .2rem}.docs-content .anchor:focus,.docs-content .anchor:hover{display:inline;text-decoration:none}.docs-content .s-subtitle,.docs-content .s-title{line-height:1.8rem;margin-bottom:0;padding-bottom:1rem;padding-top:1rem;position:static}@supports ((position:-webkit-sticky) or (position:sticky)){.docs-content .s-subtitle,.docs-content .s-title{position:-webkit-sticky;position:sticky;top:0;z-index:99}.docs-content .s-subtitle::before,.docs-content .s-title::before{background:#000;bottom:0;content:"";display:block;left:-10px;position:absolute;right:-10px;top:-5px;z-index:-1}}.docs-content .s-subtitle:hover .anchor,.docs-content .s-title:hover .anchor{display:inline}.docs-content .s-subtitle+.docs-note,.docs-content .s-title+.docs-note{margin-top:.4rem}.docs-content .docs-demo{padding-bottom:1rem;padding-top:1rem}.docs-content .docs-demo .card{border:0;box-shadow:0 .25rem 1rem rgba(0,0,0,.15);height:100%}.docs-content .column{padding:.4rem}.docs-content .docs-block{border-radius:.1rem;padding:.4rem}.docs-content .docs-block.bg-gray{background:#050505}.docs-content .docs-shape{height:4.8rem;line-height:1.2rem;padding:1.8rem 0;width:4.8rem}.docs-content .docs-dot{border-radius:50%;display:inline-block;height:.5rem;padding:0;width:.5rem}.docs-content .docs-table td,.docs-content .docs-table th{padding:.75rem .25rem}.docs-content .docs-color{border-radius:.1rem;margin:.25rem 0;padding:5rem .5rem .5rem}.docs-content .docs-color .color-subtitle{font-size:.7rem;opacity:.75}.docs-content .code .hljs-tag{color:#fff}.docs-content .code .hljs-comment{color:#8c8c8c}.docs-content .code .hljs-class,.docs-content .code .hljs-number,.docs-content .code .hljs-string,.docs-content .code .hljs-title{color:#5755d9}.docs-content .code .hljs-attribute,.docs-content .code .hljs-built_in,.docs-content .code .hljs-keyword,.docs-content .code .hljs-name,.docs-content .code .hljs-variable{color:#d73e48}.docs-content .code .hljs-hexcolor,.docs-content .code .hljs-value{color:#fff}.docs-content .c-select-all{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.docs-content .panel{height:75vh}.docs-content .panel .tile{margin:.75rem 0}.docs-content .parallax{margin:2rem auto}.docs-content .form-autocomplete .menu{position:static}.docs-content .example-tile-icon{align-content:space-around;align-items:center;background:#5755d9;border-radius:.1rem;color:#000;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-line-pack:distribute;font-size:1.2rem;height:2rem;width:2rem}.docs-content .example-tile-icon .icon{margin:auto}.docs-content .comparison-slider{height:auto;padding-bottom:56.2222%}.docs-content .comparison-slider .filter-grayscale{filter:grayscale(75%)}.docs-content .off-canvas{position:relative}.docs-content .off-canvas .off-canvas-toggle{left:.4rem;position:absolute;top:.4rem;z-index:1}.docs-brand{color:#5755d9;height:2rem;left:1.5rem;position:fixed;top:.85rem}.docs-brand .docs-logo{align-items:center;border-radius:.1rem;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;font-size:.7rem;height:2rem;padding:.2rem;width:auto}.docs-brand .docs-logo:focus,.docs-brand .docs-logo:hover{text-decoration:none}.docs-brand .docs-logo img{display:inline-block;height:auto;width:1.6rem}.docs-brand .docs-logo h2{display:inline-block;font-size:.8rem;font-weight:700;line-height:1.5rem;margin-bottom:0;margin-left:.5rem;margin-right:.3rem}.docs-footer{color:#8c8c8c;padding:.5rem}.docs-footer a{color:#404040}.docs-ad{background:#0d0d0d;border-radius:.1rem;display:block;margin:2rem 0;padding:.4rem;position:relative}.docs-ad ins{line-height:1;vertical-align:middle}.docs-ad .carbon-wrap .carbon-img{display:block}.docs-ad .carbon-wrap .carbon-text{color:#404040;display:block;font-size:.7rem}.docs-ad .carbon-poweredby{color:#8c8c8c;font-size:.7rem}.section-hero{padding:1rem .5rem}.section-hero .docs-brand{position:absolute;top:.85rem}.section-hero .docs-brand h2{color:#5755d9}.section-hero .column{padding:.4rem}.section-ads{padding:1rem .5rem}.section-updates{padding:4.5rem .5rem 2.5rem .5rem}.section-updates .card{border:0;margin-bottom:1rem}.section-features{padding:4.5rem .5rem}.section-features .column{padding:.4rem}.section-footer{color:#8c8c8c;padding:1.8rem .75rem 1rem;position:relative;z-index:200}.section-footer a{color:#404040}.grid-hero{padding-bottom:2rem;padding-top:6rem}.grid-hero h1{color:#fff;font-size:1.6rem;font-weight:600;margin-bottom:1.5rem}.grid-hero h2{color:#fff;font-size:.9rem;font-weight:400;line-height:1.5rem;margin-bottom:1.5rem}.grid-hero h2 u{border-bottom:.1rem solid currentColor;padding-bottom:.05rem;text-decoration:none}.grid-hero .card{background:0 0;border:0;color:#fff;padding:.5rem}.grid-hero .card .card-title{color:#5755d9;font-size:1rem;font-weight:700;margin-bottom:0}@media (max-width:960px){.off-canvas .off-canvas-toggle{z-index:300}.off-canvas .off-canvas-content{width:100%}.docs-sidebar .docs-brand{margin:.85rem 1.5rem;padding:0;position:static}.docs-sidebar .docs-nav{margin-top:1rem;position:static}.docs-sidebar .menu .menu-item>a{padding:.3rem .4rem}.docs-navbar{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(13,13,13,.65);left:0}.docs-content{min-width:auto;padding:0 1.5rem;width:100%}.docs-content .s-subtitle,.docs-content .s-title{padding-top:5rem;position:static}.docs-content .s-subtitle::before,.docs-content .s-title::before{content:none}.section-hero .s-brand{height:5rem;padding:1.5rem .5rem;text-align:center;width:100%}.section-hero .s-brand .s-logo{height:auto}.section-hero .s-brand img{height:3.2rem;width:3.2rem}.section-hero .s-brand h2{display:none}}@media (max-width:600px){.grid-hero h2{font-size:.9rem}.grid-hero .card{padding:0}.off-canvas .off-canvas-toggle{left:.5rem}.docs-navbar .btns{right:.9rem}.grid-hero .docs-brand{left:.9rem}.docs-sidebar .docs-brand{margin:.85rem 1rem}.docs-sidebar .docs-nav{padding:.5rem 1rem}.docs-content{padding:0 .5rem}.docs-content .docs-block{padding:.4rem .1rem}}@media (min-width:1366px){.docs-ad.docs-ad-sidebar{bottom:1rem;margin:0;position:fixed;right:1rem;width:7.3rem}}.searchbox{box-sizing:border-box;display:inline-block;height:32px!important;position:relative;visibility:visible!important;white-space:nowrap;width:200px}.searchbox .algolia-autocomplete{display:block;height:100%;width:100%}.searchbox__wrapper{height:100%;position:relative;width:100%;z-index:999}.searchbox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff!important;border:0;border-radius:16px;box-shadow:inset 0 0 0 1px #ccc;box-sizing:border-box;display:inline-block;font-size:12px;height:100%;padding:0 26px 0 32px;transition:box-shadow .4s ease,background .4s ease;vertical-align:middle;white-space:normal;width:100%}.searchbox__input::-webkit-search-cancel-button,.searchbox__input::-webkit-search-decoration,.searchbox__input::-webkit-search-results-button,.searchbox__input::-webkit-search-results-decoration{display:none}.searchbox__input:hover{box-shadow:inset 0 0 0 1px #b3b3b3}.searchbox__input:active,.searchbox__input:focus{background:#fff;box-shadow:inset 0 0 0 1px #aaa;outline:0}.searchbox__input:-ms-input-placeholder{color:#aaa}.searchbox__input::-ms-input-placeholder{color:#aaa}.searchbox__input::placeholder{color:#aaa}.searchbox__submit{background-color:rgba(69,142,225,0);border:0;border-radius:16px 0 0 16px;font-size:inherit;height:100%;left:0;margin:0;padding:0;position:absolute;right:inherit;text-align:center;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;width:32px}.searchbox__submit:before{content:"";display:inline-block;height:100%;margin-right:-4px;vertical-align:middle}.searchbox__submit:active,.searchbox__submit:hover{cursor:pointer}.searchbox__submit:focus{outline:0}.searchbox__submit svg{fill:#6d7e96;height:14px;vertical-align:middle;width:14px}.searchbox__reset{background:0 0;border:0;cursor:pointer;display:block;fill:rgba(0,0,0,.5);font-size:inherit;margin:0;padding:0;position:absolute;right:8px;top:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.searchbox__reset.hide{display:none}.searchbox__reset:focus{outline:0}.searchbox__reset svg{display:block;height:8px;margin:4px;width:8px}.searchbox__input:valid~.searchbox__reset{animation-duration:.15s;animation-name:sbx-reset-in;display:block}@keyframes sbx-reset-in{0%{opacity:0;transform:translate3d(-20%,0,0)}to{opacity:1;transform:none}}.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu{left:inherit!important;right:0!important}.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu:before{right:48px}.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu{left:0!important;right:inherit!important}.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu:before{left:48px}.algolia-autocomplete .ds-dropdown-menu{background:0 0;border:none;border-radius:4px;box-shadow:0 .05rem .2rem rgba(0,0,0,.3);height:auto;margin:6px 0 0;max-width:600px;min-width:500px;padding:0;position:relative;text-align:left;top:-6px;z-index:999}.algolia-autocomplete .ds-dropdown-menu .ds-suggestions{margin-top:8px;position:relative;z-index:1000}.algolia-autocomplete .ds-dropdown-menu .ds-suggestions a:hover{text-decoration:none}.algolia-autocomplete .ds-dropdown-menu .ds-suggestion{cursor:pointer}.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion.suggestion-layout-simple,.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion:not(.suggestion-layout-simple) .algolia-docsearch-suggestion--content{background-color:rgba(87,85,217,.05)}.algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-]{background:#fff;border-radius:4px;overflow:auto;padding:0 8px 8px;position:relative}.algolia-autocomplete .ds-dropdown-menu *{box-sizing:border-box}.algolia-autocomplete .algolia-docsearch-suggestion{background:#fff;color:#000;display:block;overflow:hidden;padding:0 8px;position:relative}.algolia-autocomplete .algolia-docsearch-suggestion--highlight{background:rgba(87,85,217,.1);color:#5755d9;padding:.1em .05em}.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl0 .algolia-docsearch-suggestion--highlight,.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl1 .algolia-docsearch-suggestion--highlight{background:inherit;box-shadow:inset 0 -2px 0 0 rgba(87,85,217,.8);color:inherit;padding:0 0 1px}.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{background:inherit;box-shadow:inset 0 -2px 0 0 rgba(87,85,217,.8);color:inherit;padding:0 0 1px}.algolia-autocomplete .algolia-docsearch-suggestion--content{cursor:pointer;display:block;float:right;padding:5.33333px 0 5.33333px 10.66667px;position:relative;width:70%}.algolia-autocomplete .algolia-docsearch-suggestion--content:before{background:#bfbfbf;content:"";display:block;height:100%;left:-1px;position:absolute;top:0;width:1px}.algolia-autocomplete .algolia-docsearch-suggestion--category-header{border-bottom:1px solid #bfbfbf;color:#000;display:none;font-size:1em;margin-top:8px;padding:4px 0;position:relative}.algolia-autocomplete .algolia-docsearch-suggestion--wrapper{float:left;padding:8px 0 0;width:100%}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column{color:#8c8c8c;float:left;font-size:.9em;padding:5.33333px 10.66667px;position:relative;text-align:right;width:30%;word-wrap:break-word}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column:before{background:#bfbfbf;content:"";display:block;height:100%;position:absolute;right:0;top:0;width:1px}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-inline{display:none}.algolia-autocomplete .algolia-docsearch-suggestion--title{color:#000;font-size:.9em;font-weight:700}.algolia-autocomplete .algolia-docsearch-suggestion--text{color:#404040;display:block;font-size:.85em;line-height:1.2em}.algolia-autocomplete .algolia-docsearch-suggestion--no-results{font-size:1.2em;padding:8px 0;text-align:center;width:100%}.algolia-autocomplete .algolia-docsearch-suggestion--no-results:before{display:none}.algolia-autocomplete .algolia-docsearch-suggestion code{background-color:#ebebeb;border:none;border-radius:3px;color:#222;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:90%;padding:1px 5px}.algolia-autocomplete .algolia-docsearch-suggestion code .algolia-docsearch-suggestion--highlight{background:0 0}.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__main .algolia-docsearch-suggestion--category-header,.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__secondary{display:block}.algolia-autocomplete .suggestion-layout-simple.algolia-docsearch-suggestion{border-bottom:1px solid #eee;margin:0;padding:8px}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content{padding:0;width:100%}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content:before{display:none}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header{border:none;display:block;margin:0;padding:0;width:100%}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl0{font-size:.85em;opacity:.6}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1{font-size:.85em;opacity:.6}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1:before{background-image:url("data:image/svg+xml;utf8,<svg width=\"10\" height=\"10\" viewBox=\"0 0 20 38\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1.49 4.31l14 16.126.002-2.624-14 16.074-1.314 1.51 3.017 2.626 1.313-1.508 14-16.075 1.142-1.313-1.14-1.313-14-16.125L3.2.18.18 2.8l1.31 1.51z\" fill-rule=\"evenodd\" fill=\"%231D3657\" /></svg>");content:"";display:inline-block;height:10px;width:10px}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--wrapper{float:left;margin:0;padding:0;width:100%}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--duplicate-content,.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--subcategory-inline{display:none!important}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title{color:#458ee1;font-size:.9em;font-weight:400;margin:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title:before{color:#458ee1;content:"#";display:inline-block;font-weight:700}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text{background:#f8f8f8;display:block;font-size:.85em;line-height:1.4em;margin:4px 0 0;opacity:.8;padding:5.33333px 8px}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{box-shadow:none;color:#3f4145;font-weight:700}.algolia-autocomplete .algolia-docsearch-footer{float:right;font-size:0;height:20px;line-height:0;margin-top:10.66667px;width:134px;z-index:2000}.algolia-autocomplete .algolia-docsearch-footer--logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='168' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M78.988.938h16.594a2.968 2.968 0 0 1 2.966 2.966V20.5a2.967 2.967 0 0 1-2.966 2.964H78.988a2.967 2.967 0 0 1-2.966-2.964V3.897A2.961 2.961 0 0 1 78.988.938zm41.937 17.866c-4.386.02-4.386-3.54-4.386-4.106l-.007-13.336 2.675-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-10.846-2.18c.821 0 1.43-.047 1.855-.129v-2.719a6.334 6.334 0 0 0-1.574-.199 5.7 5.7 0 0 0-.897.069 2.699 2.699 0 0 0-.814.24c-.24.116-.439.28-.582.491-.15.212-.219.335-.219.656 0 .628.219.991.616 1.23s.938.362 1.615.362zm-.233-9.7c.883 0 1.629.109 2.231.328.602.218 1.088.525 1.444.915.363.396.609.922.76 1.483.157.56.232 1.175.232 1.85v6.874a32.5 32.5 0 0 1-1.868.314c-.834.123-1.772.185-2.813.185-.69 0-1.327-.069-1.895-.198a4.001 4.001 0 0 1-1.471-.636 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.803 0-.656.13-1.073.384-1.525a3.24 3.24 0 0 1 1.047-1.106c.445-.287.95-.492 1.532-.615a8.8 8.8 0 0 1 1.82-.185 8.404 8.404 0 0 1 1.972.24v-.438c0-.307-.035-.6-.11-.874a1.88 1.88 0 0 0-.384-.73 1.784 1.784 0 0 0-.724-.493 3.164 3.164 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164a7.735 7.735 0 0 0-1.26.307l-.321-2.192c.335-.117.834-.233 1.478-.349a10.98 10.98 0 0 1 2.073-.178zm52.842 9.626c.822 0 1.43-.048 1.854-.13V13.7a6.347 6.347 0 0 0-1.574-.199c-.294 0-.595.021-.896.069a2.7 2.7 0 0 0-.814.24 1.46 1.46 0 0 0-.582.491c-.15.212-.218.335-.218.656 0 .628.218.991.615 1.23.404.245.938.362 1.615.362zm-.226-9.694c.883 0 1.629.108 2.231.327.602.219 1.088.526 1.444.915.355.39.609.923.759 1.483a6.8 6.8 0 0 1 .233 1.852v6.873c-.41.088-1.034.19-1.868.314-.834.123-1.772.184-2.813.184-.69 0-1.327-.068-1.895-.198a4.001 4.001 0 0 1-1.471-.635 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.804 0-.656.13-1.073.384-1.524.26-.45.608-.82 1.047-1.107.445-.286.95-.491 1.532-.614a8.803 8.803 0 0 1 2.751-.13c.329.034.671.096 1.04.185v-.437a3.3 3.3 0 0 0-.109-.875 1.873 1.873 0 0 0-.384-.731 1.784 1.784 0 0 0-.724-.492 3.165 3.165 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164a7.75 7.75 0 0 0-1.26.307l-.321-2.193c.335-.116.834-.232 1.478-.348a11.633 11.633 0 0 1 2.073-.177zm-8.034-1.271a1.626 1.626 0 0 1-1.628-1.62c0-.895.725-1.62 1.628-1.62.904 0 1.63.725 1.63 1.62 0 .895-.733 1.62-1.63 1.62zm1.348 13.22h-2.689V7.27l2.69-.423v11.956zm-4.714 0c-4.386.02-4.386-3.54-4.386-4.107l-.008-13.336 2.676-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-8.698-5.903c0-1.156-.253-2.119-.746-2.788-.493-.677-1.183-1.01-2.067-1.01-.882 0-1.574.333-2.065 1.01-.493.676-.733 1.632-.733 2.788 0 1.168.246 1.953.74 2.63.492.683 1.183 1.018 2.066 1.018.882 0 1.574-.342 2.067-1.019.492-.683.738-1.46.738-2.63zm2.737-.007c0 .902-.13 1.584-.397 2.33a5.52 5.52 0 0 1-1.128 1.906 4.986 4.986 0 0 1-1.752 1.223c-.685.286-1.739.45-2.265.45-.528-.006-1.574-.157-2.252-.45a5.096 5.096 0 0 1-1.744-1.223c-.487-.527-.863-1.162-1.137-1.906a6.345 6.345 0 0 1-.41-2.33c0-.902.123-1.77.397-2.508a5.554 5.554 0 0 1 1.15-1.892 5.133 5.133 0 0 1 1.75-1.216c.679-.287 1.425-.423 2.232-.423.808 0 1.553.142 2.237.423a4.88 4.88 0 0 1 1.753 1.216 5.644 5.644 0 0 1 1.135 1.892c.287.738.431 1.606.431 2.508zm-20.138 0c0 1.12.246 2.363.738 2.882.493.52 1.13.78 1.91.78.424 0 .828-.062 1.204-.178.377-.116.677-.253.917-.417V9.33a10.476 10.476 0 0 0-1.766-.226c-.971-.028-1.71.37-2.23 1.004-.513.636-.773 1.75-.773 2.788zm7.438 5.274c0 1.824-.466 3.156-1.404 4.004-.936.846-2.367 1.27-4.296 1.27-.705 0-2.17-.137-3.34-.396l.431-2.118c.98.205 2.272.26 2.95.26 1.074 0 1.84-.219 2.299-.656.459-.437.684-1.086.684-1.948v-.437a8.07 8.07 0 0 1-1.047.397c-.43.13-.93.198-1.492.198-.739 0-1.41-.116-2.018-.349a4.206 4.206 0 0 1-1.567-1.025c-.431-.45-.774-1.017-1.013-1.694-.24-.677-.363-1.885-.363-2.773 0-.834.13-1.88.384-2.577.26-.696.629-1.298 1.129-1.796.493-.498 1.095-.881 1.8-1.162a6.605 6.605 0 0 1 2.428-.457c.87 0 1.67.109 2.45.24.78.129 1.444.265 1.985.415V18.17z' fill='%235468FF'/%3E%3Cpath d='M6.972 6.677v1.627c-.712-.446-1.52-.67-2.425-.67-.585 0-1.045.13-1.38.391a1.24 1.24 0 0 0-.502 1.03c0 .425.164.765.494 1.02.33.256.835.532 1.516.83.447.192.795.356 1.045.495.25.138.537.332.862.582.324.25.563.548.718.894.154.345.23.741.23 1.188 0 .947-.334 1.691-1.004 2.234-.67.542-1.537.814-2.601.814-1.18 0-2.16-.229-2.936-.686v-1.708c.84.628 1.814.942 2.92.942.585 0 1.048-.136 1.388-.407.34-.271.51-.646.51-1.125 0-.287-.1-.55-.302-.79-.203-.24-.42-.42-.655-.542-.234-.123-.585-.29-1.053-.503a61.27 61.27 0 0 1-.582-.271 13.67 13.67 0 0 1-.55-.287 4.275 4.275 0 0 1-.567-.351 6.92 6.92 0 0 1-.455-.4c-.18-.17-.31-.34-.39-.51-.08-.17-.155-.37-.224-.598a2.553 2.553 0 0 1-.104-.742c0-.915.333-1.638.998-2.17.664-.532 1.523-.798 2.576-.798.968 0 1.793.17 2.473.51zm7.468 5.696v-.287c-.022-.607-.187-1.088-.495-1.444-.309-.357-.75-.535-1.324-.535-.532 0-.99.194-1.373.583-.382.388-.622.949-.717 1.683h3.909zm1.005 2.792v1.404c-.596.34-1.383.51-2.362.51-1.255 0-2.255-.377-3-1.132-.744-.755-1.116-1.744-1.116-2.968 0-1.297.34-2.316 1.021-3.055.68-.74 1.548-1.11 2.6-1.11 1.033 0 1.852.323 2.458.966.606.644.91 1.572.91 2.784 0 .33-.033.676-.096 1.038h-5.314c.107.702.405 1.239.894 1.611.49.372 1.106.558 1.85.558.862 0 1.58-.202 2.155-.606zm6.605-1.77h-1.212c-.596 0-1.045.116-1.349.35-.303.234-.454.532-.454.894 0 .372.117.664.35.877.235.213.575.32 1.022.32.51 0 .912-.142 1.204-.424.293-.281.44-.651.44-1.108v-.91zm-4.068-2.554V9.325c.627-.361 1.457-.542 2.489-.542 2.116 0 3.175 1.026 3.175 3.08V17h-1.548v-.957c-.415.68-1.143 1.02-2.186 1.02-.766 0-1.38-.22-1.843-.661-.462-.442-.694-1.003-.694-1.684 0-.776.293-1.38.878-1.81.585-.431 1.404-.647 2.457-.647h1.34V11.8c0-.554-.133-.971-.399-1.253-.266-.282-.707-.423-1.324-.423a4.07 4.07 0 0 0-2.345.718zm9.333-1.93v1.42c.394-1 1.101-1.5 2.123-1.5.148 0 .313.016.494.048v1.531a1.885 1.885 0 0 0-.75-.143c-.542 0-.989.24-1.34.718-.351.479-.527 1.048-.527 1.707V17h-1.563V8.91h1.563zm5.01 4.084c.022.82.272 1.492.75 2.019.479.526 1.15.79 2.01.79.639 0 1.235-.176 1.788-.527v1.404c-.521.319-1.186.479-1.995.479-1.265 0-2.276-.4-3.031-1.197-.755-.798-1.133-1.792-1.133-2.984 0-1.16.38-2.151 1.14-2.975.761-.825 1.79-1.237 3.088-1.237.702 0 1.346.149 1.93.447v1.436a3.242 3.242 0 0 0-1.77-.495c-.84 0-1.513.266-2.019.798-.505.532-.758 1.213-.758 2.042zM40.24 5.72v4.579c.458-1 1.293-1.5 2.505-1.5.787 0 1.42.245 1.899.734.479.49.718 1.17.718 2.042V17h-1.564v-5.106c0-.553-.14-.98-.422-1.284-.282-.303-.652-.455-1.11-.455-.531 0-1.002.202-1.411.606-.41.405-.615 1.022-.615 1.851V17h-1.563V5.72h1.563zm14.966 10.02c.596 0 1.096-.253 1.5-.758.404-.506.606-1.157.606-1.955 0-.915-.202-1.62-.606-2.114-.404-.495-.92-.742-1.548-.742-.553 0-1.05.224-1.491.67-.442.447-.662 1.133-.662 2.058 0 .958.212 1.67.638 2.138.425.469.946.703 1.563.703zM53.004 5.72v4.42c.574-.894 1.388-1.341 2.44-1.341 1.022 0 1.857.383 2.506 1.149.649.766.973 1.781.973 3.047 0 1.138-.309 2.109-.925 2.912-.617.803-1.463 1.205-2.537 1.205-1.075 0-1.894-.447-2.457-1.34V17h-1.58V5.72h1.58zm9.908 11.104l-3.223-7.913h1.739l1.005 2.632 1.26 3.415c.096-.32.48-1.458 1.15-3.415l.909-2.632h1.66l-2.92 7.866c-.777 2.074-1.963 3.11-3.559 3.11a2.92 2.92 0 0 1-.734-.079v-1.34c.17.042.351.064.543.064 1.032 0 1.755-.57 2.17-1.708z' fill='%235D6494'/%3E%3Cpath d='M89.632 5.967v-.772a.978.978 0 0 0-.978-.977h-2.28a.978.978 0 0 0-.978.977v.793c0 .088.082.15.171.13a7.127 7.127 0 0 1 1.984-.28c.65 0 1.295.088 1.917.259.082.02.164-.04.164-.13m-6.248 1.01l-.39-.389a.977.977 0 0 0-1.382 0l-.465.465a.973.973 0 0 0 0 1.38l.383.383c.062.061.15.047.205-.014.226-.307.472-.601.746-.874.281-.28.568-.526.883-.751.068-.042.075-.137.02-.2m4.16 2.453v3.341c0 .096.104.165.192.117l2.97-1.537c.068-.034.089-.117.055-.184a3.695 3.695 0 0 0-3.08-1.866c-.068 0-.136.054-.136.13m0 8.048a4.489 4.489 0 0 1-4.49-4.482 4.488 4.488 0 0 1 4.49-4.482 4.488 4.488 0 0 1 4.489 4.482 4.484 4.484 0 0 1-4.49 4.482m0-10.85a6.363 6.363 0 1 0 0 12.729 6.37 6.37 0 0 0 6.372-6.368 6.358 6.358 0 0 0-6.371-6.36' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100%;display:block;height:100%;overflow:hidden;padding:0!important;text-indent:-9000px;width:100%}@media (min-width:768px){.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{display:block}}@media (max-width:768px){.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{color:#02060c;display:inline-block;float:left;font-size:.9em;font-weight:700;opacity:.5;padding:0;text-align:left;width:auto}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:before{display:none}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:after{content:"|"}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content{display:inline-block;float:left;padding:0;text-align:left;width:auto}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content:before{display:none}}
\ No newline at end of file diff --git a/docs/dist/spectre-rtl.min.css b/docs/dist/spectre-rtl.min.css index d037aaf..87927d6 100644 --- a/docs/dist/spectre-rtl.min.css +++ b/docs/dist/spectre-rtl.min.css @@ -1,4888 +1 @@ -/*! Spectre.css RTL | MIT License | github.com/picturepan2/spectre */ -/*! Spectre.css v0.5.8 | MIT License | github.com/picturepan2/spectre */ -html { - font-family: sans-serif; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; -} - -body { - margin: 0; -} - -article, -aside, -footer, -header, -nav, -section { - display: block; -} - -h1 { - font-size: 2em; - margin: .67em 0; -} - -figcaption, -figure, -main { - display: block; -} - -hr { - box-sizing: content-box; - height: 0; - overflow: visible; -} - -a { - background-color: transparent; - -webkit-text-decoration-skip: objects; -} - -a:active, -a:hover { - outline-width: 0; -} - -address { - font-style: normal; -} - -b, -strong { - font-weight: inherit; -} - -b, -strong { - font-weight: bolder; -} - -code, -kbd, -pre, -samp { - font-family: "SF Mono","Segoe UI Mono","Roboto Mono",Menlo,Courier,monospace; - font-size: 1em; -} - -dfn { - font-style: italic; -} - -small { - font-size: 80%; - font-weight: 400; -} - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -.25em; -} - -sup { - top: -.5em; -} - -audio, -video { - display: inline-block; -} - -audio:not([controls]) { - display: none; - height: 0; -} - -img { - border-style: none; -} - -svg:not(:root) { - overflow: hidden; -} - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; - font-size: inherit; - line-height: inherit; - margin: 0; -} - -button, -input { - overflow: visible; -} - -button, -select { - text-transform: none; -} - -[type=reset], -[type=submit], -button, -html [type=button] { - -webkit-appearance: button; -} - -[type=button]::-moz-focus-inner, -[type=reset]::-moz-focus-inner, -[type=submit]::-moz-focus-inner, -button::-moz-focus-inner { - border-style: none; - padding: 0; -} - -fieldset { - border: 0; - margin: 0; - padding: 0; -} - -legend { - box-sizing: border-box; - color: inherit; - display: table; - max-width: 100%; - padding: 0; - white-space: normal; -} - -progress { - display: inline-block; - vertical-align: baseline; -} - -textarea { - overflow: auto; -} - -[type=checkbox], -[type=radio] { - box-sizing: border-box; - padding: 0; -} - -[type=number]::-webkit-inner-spin-button, -[type=number]::-webkit-outer-spin-button { - height: auto; -} - -[type=search] { - -webkit-appearance: textfield; - outline-offset: -2px; -} - -[type=search]::-webkit-search-cancel-button, -[type=search]::-webkit-search-decoration { - -webkit-appearance: none; -} - -::-webkit-file-upload-button { - -webkit-appearance: button; - font: inherit; -} - -details, -menu { - display: block; -} - -summary { - display: list-item; - outline: 0; -} - -canvas { - display: inline-block; -} - -template { - display: none; -} - -[hidden] { - display: none; -} - -*, -::after, -::before { - box-sizing: inherit; -} - -html { - box-sizing: border-box; - font-size: 20px; - line-height: 1.5; - -webkit-tap-highlight-color: transparent; -} - -body { - background: #000; - color: #fff; - font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif; - font-size: .8rem; - overflow-x: hidden; - text-rendering: optimizeLegibility; -} - -a { - color: #5755d9; - outline: 0; - text-decoration: none; -} - -a:focus { - box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2); -} - -a.active, -a:active, -a:focus, -a:hover { - color: #302ecd; - text-decoration: underline; -} - -a:visited { - color: #807fe2; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - color: inherit; - font-weight: 500; - line-height: 1.2; - margin-bottom: .5em; - margin-top: 0; -} - -.h1, -.h2, -.h3, -.h4, -.h5, -.h6 { - font-weight: 500; -} - -.h1, -h1 { - font-size: 2rem; -} - -.h2, -h2 { - font-size: 1.6rem; -} - -.h3, -h3 { - font-size: 1.4rem; -} - -.h4, -h4 { - font-size: 1.2rem; -} - -.h5, -h5 { - font-size: 1rem; -} - -.h6, -h6 { - font-size: .8rem; -} - -p { - margin: 0 0 1.2rem; -} - -a, -ins, -u { - -webkit-text-decoration-skip: ink edges; - text-decoration-skip: ink edges; -} - -abbr[title] { - border-bottom: .05rem dotted; - cursor: help; - text-decoration: none; -} - -kbd { - background: #fff; - border-radius: .1rem; - color: #000; - font-size: .7rem; - line-height: 1.25; - padding: .1rem .2rem; -} - -mark { - background: #fff000; - border-bottom: .05rem solid #b3a800; - border-radius: .1rem; - color: #1a1919; - padding: .05rem .1rem 0; -} - -blockquote { - border-left: .1rem solid #a6a6a6; - margin-left: 0; - padding: .4rem .8rem; -} - -blockquote p:last-child { - margin-bottom: 0; -} - -ol, -ul { - margin: .8rem 0 .8rem .8rem; - padding: 0; -} - -ol ol, -ol ul, -ul ol, -ul ul { - margin: .8rem 0 .8rem .8rem; -} - -ol li, -ul li { - margin-top: .4rem; -} - -ul { - list-style: disc inside; -} - -ul ul { - list-style-type: circle; -} - -ol { - list-style: decimal inside; -} - -ol ol { - list-style-type: lower-alpha; -} - -dl dt { - font-weight: 700; -} - -dl dd { - margin: .4rem 0 .8rem 0; -} - -.lang-zh, -.lang-zh-hans, -html:lang(zh), -html:lang(zh-Hans) { - font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",sans-serif; -} - -.lang-zh-hant, -html:lang(zh-Hant) { - font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang TC","Hiragino Sans CNS","Microsoft JhengHei","Helvetica Neue",sans-serif; -} - -.lang-ja, -html:lang(ja) { - font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Sans","Hiragino Kaku Gothic Pro","Yu Gothic",YuGothic,Meiryo,"Helvetica Neue",sans-serif; -} - -.lang-ko, -html:lang(ko) { - font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Malgun Gothic","Helvetica Neue",sans-serif; -} - -.lang-cjk ins, -.lang-cjk u, -:lang(ja) ins, -:lang(ja) u, -:lang(zh) ins, -:lang(zh) u { - border-bottom: .05rem solid; - text-decoration: none; -} - -.lang-cjk del + del, -.lang-cjk del + s, -.lang-cjk ins + ins, -.lang-cjk ins + u, -.lang-cjk s + del, -.lang-cjk s + s, -.lang-cjk u + ins, -.lang-cjk u + u, -:lang(ja) del + del, -:lang(ja) del + s, -:lang(ja) ins + ins, -:lang(ja) ins + u, -:lang(ja) s + del, -:lang(ja) s + s, -:lang(ja) u + ins, -:lang(ja) u + u, -:lang(zh) del + del, -:lang(zh) del + s, -:lang(zh) ins + ins, -:lang(zh) ins + u, -:lang(zh) s + del, -:lang(zh) s + s, -:lang(zh) u + ins, -:lang(zh) u + u { - margin-left: .125em; -} - -.table { - border-collapse: collapse; - border-spacing: 0; - text-align: right; - width: 100%; -} - -.table.table-striped tbody tr:nth-of-type(odd) { - background: #0d0d0d; -} - -.table tbody tr.active, -.table.table-striped tbody tr.active { - background: #050505; -} - -.table.table-hover tbody tr:hover { - background: #050505; -} - -.table.table-scroll { - display: block; - overflow-x: auto; - padding-bottom: .75rem; - white-space: nowrap; -} - -.table td, -.table th { - border-bottom: .05rem solid #a6a6a6; - padding: .6rem .4rem; -} - -.table th { - border-bottom-width: .1rem; -} - -.btn { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: #000; - border: .05rem solid #5755d9; - border-radius: .1rem; - color: #5755d9; - cursor: pointer; - display: inline-block; - font-size: .8rem; - height: 1.8rem; - line-height: 1.2rem; - outline: 0; - padding: .25rem .4rem; - text-align: center; - text-decoration: none; - transition: background .2s,border .2s,box-shadow .2s,color .2s; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - white-space: nowrap; -} - -.btn:focus { - box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2); -} - -.btn:focus, -.btn:hover { - background: #f1f1fc; - border-color: #4b48d6; - text-decoration: none; -} - -.btn.active, -.btn:active { - background: #4b48d6; - border-color: #3634d2; - color: #000; - text-decoration: none; -} - -.btn.active.loading::after, -.btn:active.loading::after { - border-bottom-color: #000; - border-left-color: #000; -} - -.btn.disabled, -.btn:disabled, -.btn[disabled] { - cursor: default; - opacity: .5; - pointer-events: none; -} - -.btn.btn-primary { - background: #5755d9; - border-color: #4b48d6; - color: #000; -} - -.btn.btn-primary:focus, -.btn.btn-primary:hover { - background: #4240d4; - border-color: #3634d2; - color: #000; -} - -.btn.btn-primary.active, -.btn.btn-primary:active { - background: #3a38d2; - border-color: #302ecd; - color: #000; -} - -.btn.btn-primary.loading::after { - border-bottom-color: #000; - border-left-color: #000; -} - -.btn.btn-success { - background: #32b643; - border-color: #2faa3f; - color: #000; -} - -.btn.btn-success:focus { - box-shadow: 0 0 0 .1rem rgba(50, 182, 67, .2); -} - -.btn.btn-success:focus, -.btn.btn-success:hover { - background: #30ae40; - border-color: #2da23c; - color: #000; -} - -.btn.btn-success.active, -.btn.btn-success:active { - background: #2a9a39; - border-color: #278e34; - color: #000; -} - -.btn.btn-success.loading::after { - border-bottom-color: #000; - border-left-color: #000; -} - -.btn.btn-error { - background: #e85600; - border-color: #d95000; - color: #000; -} - -.btn.btn-error:focus { - box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2); -} - -.btn.btn-error:focus, -.btn.btn-error:hover { - background: #de5200; - border-color: #cf4d00; - color: #000; -} - -.btn.btn-error.active, -.btn.btn-error:active { - background: #c44900; - border-color: #b54300; - color: #000; -} - -.btn.btn-error.loading::after { - border-bottom-color: #000; - border-left-color: #000; -} - -.btn.btn-link { - background: 0 0; - border-color: transparent; - color: #5755d9; -} - -.btn.btn-link.active, -.btn.btn-link:active, -.btn.btn-link:focus, -.btn.btn-link:hover { - color: #302ecd; -} - -.btn.btn-sm { - font-size: .7rem; - height: 1.4rem; - padding: .05rem .3rem; -} - -.btn.btn-lg { - font-size: .9rem; - height: 2rem; - padding: .35rem .6rem; -} - -.btn.btn-block { - display: block; - width: 100%; -} - -.btn.btn-action { - padding-left: 0; - padding-right: 0; - width: 1.8rem; -} - -.btn.btn-action.btn-sm { - width: 1.4rem; -} - -.btn.btn-action.btn-lg { - width: 2rem; -} - -.btn.btn-clear { - background: 0 0; - border: 0; - color: currentColor; - height: 1rem; - line-height: .8rem; - margin-left: .2rem; - margin-right: -2px; - opacity: 1; - padding: .1rem; - text-decoration: none; - width: 1rem; -} - -.btn.btn-clear:focus, -.btn.btn-clear:hover { - background: rgba(13, 13, 13, .5); - opacity: .95; -} - -.btn.btn-clear::before { - content: "\2715"; -} - -.btn-group { - display: -ms-inline-flexbox; - display: inline-flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} - -.btn-group .btn { - -ms-flex: 1 0 auto; - flex: 1 0 auto; -} - -.btn-group .btn:first-child:not(:last-child) { - border-bottom-right-radius: 0; - border-top-right-radius: 0; -} - -.btn-group .btn:not(:first-child):not(:last-child) { - border-radius: 0; - margin-left: -.05rem; -} - -.btn-group .btn:last-child:not(:first-child) { - border-bottom-left-radius: 0; - border-top-left-radius: 0; - margin-left: -.05rem; -} - -.btn-group .btn.active, -.btn-group .btn:active, -.btn-group .btn:focus, -.btn-group .btn:hover { - z-index: 1; -} - -.btn-group.btn-group-block { - display: -ms-flexbox; - display: flex; -} - -.btn-group.btn-group-block .btn { - -ms-flex: 1 0 0; - flex: 1 0 0; -} - -.form-group:not(:last-child) { - margin-bottom: .4rem; -} - -fieldset { - margin-bottom: .8rem; -} - -legend { - font-size: .9rem; - font-weight: 500; - margin-bottom: .8rem; -} - -.form-label { - display: block; - line-height: 1.2rem; - padding: .3rem 0; -} - -.form-label.label-sm { - font-size: .7rem; - padding: .1rem 0; -} - -.form-label.label-lg { - font-size: .9rem; - padding: .4rem 0; -} - -.form-input { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: #000; - background-image: none; - border: .05rem solid #8c8c8c; - border-radius: .1rem; - color: #fff; - display: block; - font-size: .8rem; - height: 1.8rem; - line-height: 1.2rem; - max-width: 100%; - outline: 0; - padding: .25rem .4rem; - position: relative; - transition: background .2s,border .2s,box-shadow .2s,color .2s; - width: 100%; -} - -.form-input:focus { - border-color: #5755d9; - box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2); -} - -.form-input:-ms-input-placeholder { - color: #8c8c8c; -} - -.form-input::-ms-input-placeholder { - color: #8c8c8c; -} - -.form-input::placeholder { - color: #8c8c8c; -} - -.form-input.input-sm { - font-size: .7rem; - height: 1.4rem; - padding: .05rem .3rem; -} - -.form-input.input-lg { - font-size: .9rem; - height: 2rem; - padding: .35rem .6rem; -} - -.form-input.input-inline { - display: inline-block; - vertical-align: middle; - width: auto; -} - -.form-input[type=file] { - height: auto; -} - -textarea.form-input, -textarea.form-input.input-lg, -textarea.form-input.input-sm { - height: auto; -} - -.form-input-hint { - color: #8c8c8c; - font-size: .7rem; - margin-top: .2rem; -} - -.has-success .form-input-hint, -.is-success + .form-input-hint { - color: #32b643; -} - -.has-error .form-input-hint, -.is-error + .form-input-hint { - color: #e85600; -} - -.form-select { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: #000; - border: .05rem solid #8c8c8c; - border-radius: .1rem; - color: inherit; - font-size: .8rem; - height: 1.8rem; - line-height: 1.2rem; - outline: 0; - padding: .25rem .4rem; - vertical-align: middle; - width: 100%; -} - -.form-select:focus { - border-color: #5755d9; - box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2); -} - -.form-select::-ms-expand { - display: none; -} - -.form-select.select-sm { - font-size: .7rem; - height: 1.4rem; - padding: .05rem 1.1rem .05rem .3rem; -} - -.form-select.select-lg { - font-size: .9rem; - height: 2rem; - padding: .35rem 1.4rem .35rem .6rem; -} - -.form-select[multiple], -.form-select[size] { - height: auto; - padding: .25rem .4rem; -} - -.form-select[multiple] option, -.form-select[size] option { - padding: .1rem .2rem; -} - -.form-select:not([multiple]):not([size]) { - background: #000 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/.4rem .5rem; - padding-right: 1.2rem; -} - -.has-icon-left, -.has-icon-right { - position: relative; -} - -.has-icon-left .form-icon, -.has-icon-right .form-icon { - height: .8rem; - margin: 0 .25rem; - position: absolute; - top: 50%; - transform: translateY(-50%); - width: .8rem; - z-index: 2; -} - -.has-icon-left .form-icon { - left: .05rem; -} - -.has-icon-left .form-input { - padding-left: 1.3rem; -} - -.has-icon-right .form-icon { - right: .05rem; -} - -.has-icon-right .form-input { - padding-right: 1.3rem; -} - -.form-checkbox, -.form-radio, -.form-switch { - display: block; - line-height: 1.2rem; - margin: .2rem 0; - min-height: 1.4rem; - padding: .1rem .4rem .1rem 1.2rem; - position: relative; -} - -.form-checkbox input, -.form-radio input, -.form-switch input { - clip: rect(0, 0, 0, 0); - height: 1px; - margin: -1px; - overflow: hidden; - position: absolute; - width: 1px; -} - -.form-checkbox input:focus + .form-icon, -.form-radio input:focus + .form-icon, -.form-switch input:focus + .form-icon { - border-color: #5755d9; - box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2); -} - -.form-checkbox input:checked + .form-icon, -.form-radio input:checked + .form-icon, -.form-switch input:checked + .form-icon { - background: #5755d9; - border-color: #5755d9; -} - -.form-checkbox .form-icon, -.form-radio .form-icon, -.form-switch .form-icon { - border: .05rem solid #8c8c8c; - cursor: pointer; - display: inline-block; - position: absolute; - transition: background .2s,border .2s,box-shadow .2s,color .2s; -} - -.form-checkbox.input-sm, -.form-radio.input-sm, -.form-switch.input-sm { - font-size: .7rem; - margin: 0; -} - -.form-checkbox.input-lg, -.form-radio.input-lg, -.form-switch.input-lg { - font-size: .9rem; - margin: .3rem 0; -} - -.form-checkbox .form-icon, -.form-radio .form-icon { - background: #000; - height: .8rem; - left: 0; - top: .3rem; - width: .8rem; -} - -.form-checkbox input:active + .form-icon, -.form-radio input:active + .form-icon { - background: #050505; -} - -.form-checkbox .form-icon { - border-radius: .1rem; -} - -.form-checkbox input:checked + .form-icon::before { - background-clip: padding-box; - border: .1rem solid #000; - border-left-width: 0; - border-top-width: 0; - content: ""; - height: 9px; - left: 50%; - margin-left: -3px; - margin-top: -6px; - position: absolute; - top: 50%; - transform: rotate(45deg); - width: 6px; -} - -.form-checkbox input:indeterminate + .form-icon { - background: #5755d9; - border-color: #5755d9; -} - -.form-checkbox input:indeterminate + .form-icon::before { - background: #000; - content: ""; - height: 2px; - left: 50%; - margin-left: -5px; - margin-top: -1px; - position: absolute; - top: 50%; - width: 10px; -} - -.form-radio .form-icon { - border-radius: 50%; -} - -.form-radio input:checked + .form-icon::before { - background: #000; - border-radius: 50%; - content: ""; - height: 6px; - left: 50%; - position: absolute; - top: 50%; - transform: translate(-50%, -50%); - width: 6px; -} - -.form-switch { - padding-left: 2rem; -} - -.form-switch .form-icon { - background: #8c8c8c; - background-clip: padding-box; - border-radius: .45rem; - height: .9rem; - left: 0; - top: .25rem; - width: 1.6rem; -} - -.form-switch .form-icon::before { - background: #000; - border-radius: 50%; - content: ""; - display: block; - height: .8rem; - left: 0; - position: absolute; - top: 0; - transition: background .2s,border .2s,box-shadow .2s,color .2s,left .2s; - width: .8rem; -} - -.form-switch input:checked + .form-icon::before { - left: 14px; -} - -.form-switch input:active + .form-icon::before { - background: #0d0d0d; -} - -.input-group { - display: -ms-flexbox; - display: flex; -} - -.input-group .input-group-addon { - background: #0d0d0d; - border: .05rem solid #8c8c8c; - border-radius: .1rem; - line-height: 1.2rem; - padding: .25rem .4rem; - white-space: nowrap; -} - -.input-group .input-group-addon.addon-sm { - font-size: .7rem; - padding: .05rem .3rem; -} - -.input-group .input-group-addon.addon-lg { - font-size: .9rem; - padding: .35rem .6rem; -} - -.input-group .form-input, -.input-group .form-select { - -ms-flex: 1 1 auto; - flex: 1 1 auto; - width: 1%; -} - -.input-group .input-group-btn { - z-index: 1; -} - -.input-group .form-input:first-child:not(:last-child), -.input-group .form-select:first-child:not(:last-child), -.input-group .input-group-addon:first-child:not(:last-child), -.input-group .input-group-btn:first-child:not(:last-child) { - border-bottom-right-radius: 0; - border-top-right-radius: 0; -} - -.input-group .form-input:not(:first-child):not(:last-child), -.input-group .form-select:not(:first-child):not(:last-child), -.input-group .input-group-addon:not(:first-child):not(:last-child), -.input-group .input-group-btn:not(:first-child):not(:last-child) { - border-radius: 0; - margin-left: -.05rem; -} - -.input-group .form-input:last-child:not(:first-child), -.input-group .form-select:last-child:not(:first-child), -.input-group .input-group-addon:last-child:not(:first-child), -.input-group .input-group-btn:last-child:not(:first-child) { - border-bottom-left-radius: 0; - border-top-left-radius: 0; - margin-left: -.05rem; -} - -.input-group .form-input:focus, -.input-group .form-select:focus, -.input-group .input-group-addon:focus, -.input-group .input-group-btn:focus { - z-index: 2; -} - -.input-group .form-select { - width: auto; -} - -.input-group.input-inline { - display: -ms-inline-flexbox; - display: inline-flex; -} - -.form-input.is-success, -.form-select.is-success, -.has-success .form-input, -.has-success .form-select { - background: #f9fdfa; - border-color: #32b643; -} - -.form-input.is-success:focus, -.form-select.is-success:focus, -.has-success .form-input:focus, -.has-success .form-select:focus { - box-shadow: 0 0 0 .1rem rgba(50, 182, 67, .2); -} - -.form-input.is-error, -.form-select.is-error, -.has-error .form-input, -.has-error .form-select { - background: #fffaf7; - border-color: #e85600; -} - -.form-input.is-error:focus, -.form-select.is-error:focus, -.has-error .form-input:focus, -.has-error .form-select:focus { - box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2); -} - -.form-checkbox.is-error .form-icon, -.form-radio.is-error .form-icon, -.form-switch.is-error .form-icon, -.has-error .form-checkbox .form-icon, -.has-error .form-radio .form-icon, -.has-error .form-switch .form-icon { - border-color: #e85600; -} - -.form-checkbox.is-error input:checked + .form-icon, -.form-radio.is-error input:checked + .form-icon, -.form-switch.is-error input:checked + .form-icon, -.has-error .form-checkbox input:checked + .form-icon, -.has-error .form-radio input:checked + .form-icon, -.has-error .form-switch input:checked + .form-icon { - background: #e85600; - border-color: #e85600; -} - -.form-checkbox.is-error input:focus + .form-icon, -.form-radio.is-error input:focus + .form-icon, -.form-switch.is-error input:focus + .form-icon, -.has-error .form-checkbox input:focus + .form-icon, -.has-error .form-radio input:focus + .form-icon, -.has-error .form-switch input:focus + .form-icon { - border-color: #e85600; - box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2); -} - -.form-checkbox.is-error input:indeterminate + .form-icon, -.has-error .form-checkbox input:indeterminate + .form-icon { - background: #e85600; - border-color: #e85600; -} - -.form-input:not(:placeholder-shown):invalid { - border-color: #e85600; -} - -.form-input:not(:placeholder-shown):invalid:focus { - background: #fffaf7; - box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2); -} - -.form-input:not(:placeholder-shown):invalid + .form-input-hint { - color: #e85600; -} - -.form-input.disabled, -.form-input:disabled, -.form-select.disabled, -.form-select:disabled { - background-color: #050505; - cursor: not-allowed; - opacity: .5; -} - -.form-input[readonly] { - background-color: #0d0d0d; -} - -input.disabled + .form-icon, -input:disabled + .form-icon { - background: #050505; - cursor: not-allowed; - opacity: .5; -} - -.form-switch input.disabled + .form-icon::before, -.form-switch input:disabled + .form-icon::before { - background: #000; -} - -.form-horizontal { - padding: .4rem 0; -} - -.form-horizontal .form-group { - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} - -.form-inline { - display: inline-block; -} - -.label { - background: #050505; - border-radius: .1rem; - color: #fff; - display: inline-block; - line-height: 1.25; - padding: .1rem .2rem; -} - -.label.label-rounded { - border-radius: 5rem; - padding-left: .4rem; - padding-right: .4rem; -} - -.label.label-primary { - background: #5755d9; - color: #000; -} - -.label.label-secondary { - background: #f1f1fc; - color: #5755d9; -} - -.label.label-success { - background: #32b643; - color: #000; -} - -.label.label-warning { - background: #ffb700; - color: #000; -} - -.label.label-error { - background: #e85600; - color: #000; -} - -code { - background: #fcf2f2; - border-radius: .1rem; - color: #d73e48; - font-size: 85%; - line-height: 1.25; - padding: .1rem .2rem; -} - -.code { - border-radius: .1rem; - color: #fff; - position: relative; -} - -.code::before { - color: #8c8c8c; - content: attr(data-lang); - font-size: .7rem; - position: absolute; - right: .4rem; - top: .1rem; -} - -.code code { - background: #0d0d0d; - color: inherit; - display: block; - line-height: 1.5; - overflow-x: auto; - padding: 1rem; - width: 100%; -} - -.img-responsive { - display: block; - height: auto; - max-width: 100%; -} - -.img-fit-cover { - object-fit: cover; -} - -.img-fit-contain { - object-fit: contain; -} - -.video-responsive { - display: block; - overflow: hidden; - padding: 0; - position: relative; - width: 100%; -} - -.video-responsive::before { - content: ""; - display: block; - padding-bottom: 56.25%; -} - -.video-responsive embed, -.video-responsive iframe, -.video-responsive object { - border: 0; - bottom: 0; - height: 100%; - left: 0; - position: absolute; - right: 0; - top: 0; - width: 100%; -} - -video.video-responsive { - height: auto; - max-width: 100%; -} - -video.video-responsive::before { - content: none; -} - -.video-responsive-4-3::before { - padding-bottom: 75%; -} - -.video-responsive-1-1::before { - padding-bottom: 100%; -} - -.figure { - margin: 0 0 .4rem 0; -} - -.figure .figure-caption { - color: #404040; - margin-top: .4rem; -} - -.container { - margin-left: auto; - margin-right: auto; - padding-left: .4rem; - padding-right: .4rem; - width: 100%; -} - -.container.grid-xl { - max-width: 1296px; -} - -.container.grid-lg { - max-width: 976px; -} - -.container.grid-md { - max-width: 856px; -} - -.container.grid-sm { - max-width: 616px; -} - -.container.grid-xs { - max-width: 496px; -} - -.show-lg, -.show-md, -.show-sm, -.show-xl, -.show-xs { - display: none !important; -} - -.columns { - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-left: -.4rem; - margin-right: -.4rem; -} - -.columns.col-gapless { - margin-left: 0; - margin-right: 0; -} - -.columns.col-gapless > .column { - padding-left: 0; - padding-right: 0; -} - -.columns.col-oneline { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow-x: auto; -} - -.column { - -ms-flex: 1; - flex: 1; - max-width: 100%; - padding-left: .4rem; - padding-right: .4rem; -} - -.column.col-1, -.column.col-10, -.column.col-11, -.column.col-12, -.column.col-2, -.column.col-3, -.column.col-4, -.column.col-5, -.column.col-6, -.column.col-7, -.column.col-8, -.column.col-9, -.column.col-auto { - -ms-flex: none; - flex: none; -} - -.col-12 { - width: 100%; -} - -.col-11 { - width: 91.66666667%; -} - -.col-10 { - width: 83.33333333%; -} - -.col-9 { - width: 75%; -} - -.col-8 { - width: 66.66666667%; -} - -.col-7 { - width: 58.33333333%; -} - -.col-6 { - width: 50%; -} - -.col-5 { - width: 41.66666667%; -} - -.col-4 { - width: 33.33333333%; -} - -.col-3 { - width: 25%; -} - -.col-2 { - width: 16.66666667%; -} - -.col-1 { - width: 8.33333333%; -} - -.col-auto { - -ms-flex: 0 0 auto; - flex: 0 0 auto; - max-width: none; - width: auto; -} - -.col-mx-auto { - margin-left: auto; - margin-right: auto; -} - -.col-ml-auto { - margin-left: auto; -} - -.col-mr-auto { - margin-right: auto; -} - -@media (max-width: 1280px) { - .col-xl-1, - .col-xl-10, - .col-xl-11, - .col-xl-12, - .col-xl-2, - .col-xl-3, - .col-xl-4, - .col-xl-5, - .col-xl-6, - .col-xl-7, - .col-xl-8, - .col-xl-9, - .col-xl-auto { - -ms-flex: none; - flex: none; - } - .col-xl-12 { - width: 100%; - } - .col-xl-11 { - width: 91.66666667%; - } - .col-xl-10 { - width: 83.33333333%; - } - .col-xl-9 { - width: 75%; - } - .col-xl-8 { - width: 66.66666667%; - } - .col-xl-7 { - width: 58.33333333%; - } - .col-xl-6 { - width: 50%; - } - .col-xl-5 { - width: 41.66666667%; - } - .col-xl-4 { - width: 33.33333333%; - } - .col-xl-3 { - width: 25%; - } - .col-xl-2 { - width: 16.66666667%; - } - .col-xl-1 { - width: 8.33333333%; - } - .col-xl-auto { - width: auto; - } - .hide-xl { - display: none !important; - } - .show-xl { - display: block !important; - } -} - -@media (max-width: 960px) { - .col-lg-1, - .col-lg-10, - .col-lg-11, - .col-lg-12, - .col-lg-2, - .col-lg-3, - .col-lg-4, - .col-lg-5, - .col-lg-6, - .col-lg-7, - .col-lg-8, - .col-lg-9, - .col-lg-auto { - -ms-flex: none; - flex: none; - } - .col-lg-12 { - width: 100%; - } - .col-lg-11 { - width: 91.66666667%; - } - .col-lg-10 { - width: 83.33333333%; - } - .col-lg-9 { - width: 75%; - } - .col-lg-8 { - width: 66.66666667%; - } - .col-lg-7 { - width: 58.33333333%; - } - .col-lg-6 { - width: 50%; - } - .col-lg-5 { - width: 41.66666667%; - } - .col-lg-4 { - width: 33.33333333%; - } - .col-lg-3 { - width: 25%; - } - .col-lg-2 { - width: 16.66666667%; - } - .col-lg-1 { - width: 8.33333333%; - } - .col-lg-auto { - width: auto; - } - .hide-lg { - display: none !important; - } - .show-lg { - display: block !important; - } -} - -@media (max-width: 840px) { - .col-md-1, - .col-md-10, - .col-md-11, - .col-md-12, - .col-md-2, - .col-md-3, - .col-md-4, - .col-md-5, - .col-md-6, - .col-md-7, - .col-md-8, - .col-md-9, - .col-md-auto { - -ms-flex: none; - flex: none; - } - .col-md-12 { - width: 100%; - } - .col-md-11 { - width: 91.66666667%; - } - .col-md-10 { - width: 83.33333333%; - } - .col-md-9 { - width: 75%; - } - .col-md-8 { - width: 66.66666667%; - } - .col-md-7 { - width: 58.33333333%; - } - .col-md-6 { - width: 50%; - } - .col-md-5 { - width: 41.66666667%; - } - .col-md-4 { - width: 33.33333333%; - } - .col-md-3 { - width: 25%; - } - .col-md-2 { - width: 16.66666667%; - } - .col-md-1 { - width: 8.33333333%; - } - .col-md-auto { - width: auto; - } - .hide-md { - display: none !important; - } - .show-md { - display: block !important; - } -} - -@media (max-width: 600px) { - .col-sm-1, - .col-sm-10, - .col-sm-11, - .col-sm-12, - .col-sm-2, - .col-sm-3, - .col-sm-4, - .col-sm-5, - .col-sm-6, - .col-sm-7, - .col-sm-8, - .col-sm-9, - .col-sm-auto { - -ms-flex: none; - flex: none; - } - .col-sm-12 { - width: 100%; - } - .col-sm-11 { - width: 91.66666667%; - } - .col-sm-10 { - width: 83.33333333%; - } - .col-sm-9 { - width: 75%; - } - .col-sm-8 { - width: 66.66666667%; - } - .col-sm-7 { - width: 58.33333333%; - } - .col-sm-6 { - width: 50%; - } - .col-sm-5 { - width: 41.66666667%; - } - .col-sm-4 { - width: 33.33333333%; - } - .col-sm-3 { - width: 25%; - } - .col-sm-2 { - width: 16.66666667%; - } - .col-sm-1 { - width: 8.33333333%; - } - .col-sm-auto { - width: auto; - } - .hide-sm { - display: none !important; - } - .show-sm { - display: block !important; - } -} - -@media (max-width: 480px) { - .col-xs-1, - .col-xs-10, - .col-xs-11, - .col-xs-12, - .col-xs-2, - .col-xs-3, - .col-xs-4, - .col-xs-5, - .col-xs-6, - .col-xs-7, - .col-xs-8, - .col-xs-9, - .col-xs-auto { - -ms-flex: none; - flex: none; - } - .col-xs-12 { - width: 100%; - } - .col-xs-11 { - width: 91.66666667%; - } - .col-xs-10 { - width: 83.33333333%; - } - .col-xs-9 { - width: 75%; - } - .col-xs-8 { - width: 66.66666667%; - } - .col-xs-7 { - width: 58.33333333%; - } - .col-xs-6 { - width: 50%; - } - .col-xs-5 { - width: 41.66666667%; - } - .col-xs-4 { - width: 33.33333333%; - } - .col-xs-3 { - width: 25%; - } - .col-xs-2 { - width: 16.66666667%; - } - .col-xs-1 { - width: 8.33333333%; - } - .col-xs-auto { - width: auto; - } - .hide-xs { - display: none !important; - } - .show-xs { - display: block !important; - } -} - -.hero { - display: -ms-flexbox; - display: flex; - -ms-flex-direction: column; - flex-direction: column; - -ms-flex-pack: justify; - justify-content: space-between; - padding-bottom: 4rem; - padding-top: 4rem; -} - -.hero.hero-sm { - padding-bottom: 2rem; - padding-top: 2rem; -} - -.hero.hero-lg { - padding-bottom: 8rem; - padding-top: 8rem; -} - -.hero .hero-body { - padding: .4rem; -} - -.navbar { - align-items: stretch; - display: -ms-flexbox; - display: flex; - -ms-flex-align: stretch; - -ms-flex-pack: justify; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - justify-content: space-between; -} - -.navbar .navbar-section { - align-items: center; - display: -ms-flexbox; - display: flex; - -ms-flex: 1 0 0; - flex: 1 0 0; - -ms-flex-align: center; -} - -.navbar .navbar-section:not(:first-child):last-child { - -ms-flex-pack: end; - justify-content: flex-end; -} - -.navbar .navbar-center { - align-items: center; - display: -ms-flexbox; - display: flex; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -ms-flex-align: center; -} - -.navbar .navbar-brand { - font-size: .9rem; - text-decoration: none; -} - -.accordion input:checked ~ .accordion-header .icon, -.accordion[open] .accordion-header .icon { - transform: rotate(90deg); -} - -.accordion input:checked ~ .accordion-body, -.accordion[open] .accordion-body { - max-height: 50rem; -} - -.accordion .accordion-header { - display: block; - padding: .2rem .4rem; -} - -.accordion .accordion-header .icon { - transition: transform .25s; -} - -.accordion .accordion-body { - margin-bottom: .4rem; - max-height: 0; - overflow: hidden; - transition: max-height .25s; -} - -summary.accordion-header::-webkit-details-marker { - display: none; -} - -.avatar { - background: #5755d9; - border-radius: 50%; - color: rgba(0, 0, 0, .85); - display: inline-block; - font-size: .8rem; - font-weight: 300; - height: 1.6rem; - line-height: 1.25; - margin: 0; - position: relative; - vertical-align: middle; - width: 1.6rem; -} - -.avatar.avatar-xs { - font-size: .4rem; - height: .8rem; - width: .8rem; -} - -.avatar.avatar-sm { - font-size: .6rem; - height: 1.2rem; - width: 1.2rem; -} - -.avatar.avatar-lg { - font-size: 1.2rem; - height: 2.4rem; - width: 2.4rem; -} - -.avatar.avatar-xl { - font-size: 1.6rem; - height: 3.2rem; - width: 3.2rem; -} - -.avatar img { - border-radius: 50%; - height: 100%; - position: relative; - width: 100%; - z-index: 1; -} - -.avatar .avatar-icon, -.avatar .avatar-presence { - background: #000; - bottom: 14.64%; - height: 50%; - padding: .1rem; - position: absolute; - right: 14.64%; - transform: translate(50%, 50%); - width: 50%; - z-index: 2; -} - -.avatar .avatar-presence { - background: #8c8c8c; - border-radius: 50%; - box-shadow: 0 0 0 .1rem #000; - height: .5em; - width: .5em; -} - -.avatar .avatar-presence.online { - background: #32b643; -} - -.avatar .avatar-presence.busy { - background: #e85600; -} - -.avatar .avatar-presence.away { - background: #ffb700; -} - -.avatar[data-initial]::before { - color: currentColor; - content: attr(data-initial); - left: 50%; - position: absolute; - top: 50%; - transform: translate(-50%, -50%); - z-index: 1; -} - -.badge { - position: relative; - white-space: nowrap; -} - -.badge:not([data-badge])::after, -.badge[data-badge]::after { - background: #5755d9; - background-clip: padding-box; - border-radius: .5rem; - box-shadow: 0 0 0 .1rem #000; - color: #000; - content: attr(data-badge); - display: inline-block; - transform: translate(-.05rem, -.5rem); -} - -.badge[data-badge]::after { - font-size: .7rem; - height: .9rem; - line-height: 1; - min-width: .9rem; - padding: .1rem .2rem; - text-align: center; - white-space: nowrap; -} - -.badge:not([data-badge])::after, -.badge[data-badge=""]::after { - height: 6px; - min-width: 6px; - padding: 0; - width: 6px; -} - -.badge.btn::after { - position: absolute; - right: 0; - top: 0; - transform: translate(50%, -50%); -} - -.badge.avatar::after { - position: absolute; - right: 14.64%; - top: 14.64%; - transform: translate(50%, -50%); - z-index: 100; -} - -.breadcrumb { - list-style: none; - margin: .2rem 0; - padding: .2rem 0; -} - -.breadcrumb .breadcrumb-item { - color: #404040; - display: inline-block; - margin: 0; - padding: .2rem 0; -} - -.breadcrumb .breadcrumb-item:not(:last-child) { - margin-right: .2rem; -} - -.breadcrumb .breadcrumb-item:not(:last-child) a { - color: #404040; -} - -.breadcrumb .breadcrumb-item:not(:first-child)::before { - color: #404040; - content: "/"; - padding-right: .4rem; -} - -.bar { - background: #050505; - border-radius: .1rem; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - height: .8rem; - width: 100%; -} - -.bar.bar-sm { - height: .2rem; -} - -.bar .bar-item { - background: #5755d9; - color: #000; - display: block; - -ms-flex-negative: 0; - flex-shrink: 0; - font-size: .7rem; - height: 100%; - line-height: .8rem; - position: relative; - text-align: center; - width: 0; -} - -.bar .bar-item:first-child { - border-bottom-left-radius: .1rem; - border-top-left-radius: .1rem; -} - -.bar .bar-item:last-child { - border-bottom-right-radius: .1rem; - border-top-right-radius: .1rem; - -ms-flex-negative: 1; - flex-shrink: 1; -} - -.bar-slider { - height: .1rem; - margin: .4rem 0; - position: relative; -} - -.bar-slider .bar-item { - left: 0; - padding: 0; - position: absolute; -} - -.bar-slider .bar-item:not(:last-child):first-child { - background: #050505; - z-index: 1; -} - -.bar-slider .bar-slider-btn { - background: #5755d9; - border: 0; - border-radius: 50%; - height: .6rem; - padding: 0; - position: absolute; - right: 0; - top: 50%; - transform: translate(50%, -50%); - width: .6rem; -} - -.bar-slider .bar-slider-btn:active { - box-shadow: 0 0 0 .1rem #5755d9; -} - -.card { - background: #000; - border: .05rem solid #a6a6a6; - border-radius: .1rem; - display: -ms-flexbox; - display: flex; - -ms-flex-direction: column; - flex-direction: column; -} - -.card .card-body, -.card .card-footer, -.card .card-header { - padding: .8rem; - padding-bottom: 0; -} - -.card .card-body:last-child, -.card .card-footer:last-child, -.card .card-header:last-child { - padding-bottom: .8rem; -} - -.card .card-body { - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} - -.card .card-image { - padding-top: .8rem; -} - -.card .card-image:first-child { - padding-top: 0; -} - -.card .card-image:first-child img { - border-top-left-radius: .1rem; - border-top-right-radius: .1rem; -} - -.card .card-image:last-child img { - border-bottom-left-radius: .1rem; - border-bottom-right-radius: .1rem; -} - -.chip { - align-items: center; - background: #050505; - border-radius: 5rem; - display: -ms-inline-flexbox; - display: inline-flex; - -ms-flex-align: center; - font-size: 90%; - height: 1.2rem; - line-height: .8rem; - margin: .1rem; - max-width: 320px; - overflow: hidden; - padding: .2rem .4rem; - text-decoration: none; - text-overflow: ellipsis; - vertical-align: middle; - white-space: nowrap; -} - -.chip.active { - background: #5755d9; - color: #000; -} - -.chip .avatar { - margin-left: -.4rem; - margin-right: .2rem; -} - -.chip .btn-clear { - border-radius: 50%; - transform: scale(.75); -} - -.dropdown { - display: inline-block; - position: relative; -} - -.dropdown .menu { - animation: slide-down .15s ease 1; - display: none; - left: 0; - max-height: 50vh; - overflow-y: auto; - position: absolute; - top: 100%; -} - -.dropdown.dropdown-right .menu { - left: auto; - right: 0; -} - -.dropdown .dropdown-toggle:focus + .menu, -.dropdown .menu:hover, -.dropdown.active .menu { - display: block; -} - -.dropdown .btn-group .dropdown-toggle:nth-last-child(2) { - border-bottom-right-radius: .1rem; - border-top-right-radius: .1rem; -} - -.empty { - background: #0d0d0d; - border-radius: .1rem; - color: #404040; - padding: 3.2rem 1.6rem; - text-align: center; -} - -.empty .empty-icon { - margin-bottom: .8rem; -} - -.empty .empty-subtitle, -.empty .empty-title { - margin: .4rem auto; -} - -.empty .empty-action { - margin-top: .8rem; -} - -.menu { - background: #000; - border-radius: .1rem; - box-shadow: 0 .05rem .2rem rgba(0, 0, 0, .3); - list-style: none; - margin: 0; - min-width: 180px; - padding: .4rem; - transform: translateY(.2rem); - z-index: 300; -} - -.menu.menu-nav { - background: 0 0; - box-shadow: none; -} - -.menu .menu-item { - margin-top: 0; - padding: 0 .4rem; - position: relative; - text-decoration: none; -} - -.menu .menu-item > a { - border-radius: .1rem; - color: inherit; - display: block; - margin: 0 -.4rem; - padding: .2rem .4rem; - text-decoration: none; -} - -.menu .menu-item > a:focus, -.menu .menu-item > a:hover { - background: #f1f1fc; - color: #5755d9; -} - -.menu .menu-item > a.active, -.menu .menu-item > a:active { - background: #f1f1fc; - color: #5755d9; -} - -.menu .menu-item .form-checkbox, -.menu .menu-item .form-radio, -.menu .menu-item .form-switch { - margin: .1rem 0; -} - -.menu .menu-item + .menu-item { - margin-top: .2rem; -} - -.menu .menu-badge { - align-items: center; - display: -ms-flexbox; - display: flex; - -ms-flex-align: center; - height: 100%; - position: absolute; - right: 0; - top: 0; -} - -.menu .menu-badge .label { - margin-right: .4rem; -} - -.modal { - align-items: center; - bottom: 0; - display: none; - -ms-flex-align: center; - -ms-flex-pack: center; - justify-content: center; - left: 0; - opacity: 0; - overflow: hidden; - padding: .4rem; - position: fixed; - right: 0; - top: 0; -} - -.modal.active, -.modal:target { - display: -ms-flexbox; - display: flex; - opacity: 1; - z-index: 400; -} - -.modal.active .modal-overlay, -.modal:target .modal-overlay { - background: rgba(13, 13, 13, .75); - bottom: 0; - cursor: default; - display: block; - left: 0; - position: absolute; - right: 0; - top: 0; -} - -.modal.active .modal-container, -.modal:target .modal-container { - animation: slide-down .2s ease 1; - z-index: 1; -} - -.modal.modal-sm .modal-container { - max-width: 320px; - padding: 0 .4rem; -} - -.modal.modal-lg .modal-overlay { - background: #000; -} - -.modal.modal-lg .modal-container { - box-shadow: none; - max-width: 960px; -} - -.modal-container { - background: #000; - border-radius: .1rem; - box-shadow: 0 .2rem .5rem rgba(0, 0, 0, .3); - display: -ms-flexbox; - display: flex; - -ms-flex-direction: column; - flex-direction: column; - max-height: 75vh; - max-width: 640px; - padding: 0 .8rem; - width: 100%; -} - -.modal-container.modal-fullheight { - max-height: 100vh; -} - -.modal-container .modal-header { - color: #000; - padding: .8rem; -} - -.modal-container .modal-body { - overflow-y: auto; - padding: .8rem; - position: relative; -} - -.modal-container .modal-footer { - padding: .8rem; - text-align: right; -} - -.nav { - display: -ms-flexbox; - display: flex; - -ms-flex-direction: column; - flex-direction: column; - list-style: none; - margin: .2rem 0; -} - -.nav .nav-item a { - color: #404040; - padding: .2rem .4rem; - text-decoration: none; -} - -.nav .nav-item a:focus, -.nav .nav-item a:hover { - color: #5755d9; -} - -.nav .nav-item.active > a { - color: #262626; - font-weight: 700; -} - -.nav .nav-item.active > a:focus, -.nav .nav-item.active > a:hover { - color: #5755d9; -} - -.nav .nav { - margin-bottom: .4rem; - margin-left: .8rem; -} - -.pagination { - display: -ms-flexbox; - display: flex; - list-style: none; - margin: .2rem 0; - padding: .2rem 0; -} - -.pagination .page-item { - margin: .2rem .05rem; -} - -.pagination .page-item span { - display: inline-block; - padding: .2rem .2rem; -} - -.pagination .page-item a { - border-radius: .1rem; - display: inline-block; - padding: .2rem .4rem; - text-decoration: none; -} - -.pagination .page-item a:focus, -.pagination .page-item a:hover { - color: #5755d9; -} - -.pagination .page-item.disabled a { - cursor: default; - opacity: .5; - pointer-events: none; -} - -.pagination .page-item.active a { - background: #5755d9; - color: #000; -} - -.pagination .page-item.page-next, -.pagination .page-item.page-prev { - -ms-flex: 1 0 50%; - flex: 1 0 50%; -} - -.pagination .page-item.page-next { - text-align: right; -} - -.pagination .page-item .page-item-title { - margin: 0; -} - -.pagination .page-item .page-item-subtitle { - margin: 0; - opacity: .5; -} - -.panel { - border: .05rem solid #a6a6a6; - border-radius: .1rem; - display: -ms-flexbox; - display: flex; - -ms-flex-direction: column; - flex-direction: column; -} - -.panel .panel-footer, -.panel .panel-header { - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding: .8rem; -} - -.panel .panel-nav { - -ms-flex: 0 0 auto; - flex: 0 0 auto; -} - -.panel .panel-body { - -ms-flex: 1 1 auto; - flex: 1 1 auto; - overflow-y: auto; - padding: 0 .8rem; -} - -.popover { - display: inline-block; - position: relative; -} - -.popover .popover-container { - left: 50%; - opacity: 0; - padding: .4rem; - position: absolute; - top: 0; - transform: translate(-50%, -50%) scale(0); - transition: transform .2s; - width: 320px; - z-index: 300; -} - -.popover :focus + .popover-container, -.popover:hover .popover-container { - display: block; - opacity: 1; - transform: translate(-50%, -100%) scale(1); -} - -.popover.popover-right .popover-container { - left: 100%; - top: 50%; -} - -.popover.popover-right :focus + .popover-container, -.popover.popover-right:hover .popover-container { - transform: translate(0, -50%) scale(1); -} - -.popover.popover-bottom .popover-container { - left: 50%; - top: 100%; -} - -.popover.popover-bottom :focus + .popover-container, -.popover.popover-bottom:hover .popover-container { - transform: translate(-50%, 0) scale(1); -} - -.popover.popover-left .popover-container { - left: 0; - top: 50%; -} - -.popover.popover-left :focus + .popover-container, -.popover.popover-left:hover .popover-container { - transform: translate(-100%, -50%) scale(1); -} - -.popover .card { - border: 0; - box-shadow: 0 .2rem .5rem rgba(0, 0, 0, .3); -} - -.step { - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - list-style: none; - margin: .2rem 0; - width: 100%; -} - -.step .step-item { - -ms-flex: 1 1 0; - flex: 1 1 0; - margin-top: 0; - min-height: 1rem; - position: relative; - text-align: center; -} - -.step .step-item:not(:first-child)::before { - background: #5755d9; - content: ""; - height: 2px; - left: -50%; - position: absolute; - top: 9px; - width: 100%; -} - -.step .step-item a { - color: #5755d9; - display: inline-block; - padding: 20px 10px 0; - text-decoration: none; -} - -.step .step-item a::before { - background: #5755d9; - border: .1rem solid #000; - border-radius: 50%; - content: ""; - display: block; - height: .6rem; - left: 50%; - position: absolute; - top: .2rem; - transform: translateX(-50%); - width: .6rem; - z-index: 1; -} - -.step .step-item.active a::before { - background: #000; - border: .1rem solid #5755d9; -} - -.step .step-item.active ~ .step-item::before { - background: #a6a6a6; -} - -.step .step-item.active ~ .step-item a { - color: #8c8c8c; -} - -.step .step-item.active ~ .step-item a::before { - background: #a6a6a6; -} - -.tab { - align-items: center; - border-bottom: .05rem solid #a6a6a6; - display: -ms-flexbox; - display: flex; - -ms-flex-align: center; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - list-style: none; - margin: .2rem 0 .15rem 0; -} - -.tab .tab-item { - margin-top: 0; -} - -.tab .tab-item a { - border-bottom: .1rem solid transparent; - color: inherit; - display: block; - margin: 0 .4rem 0 0; - padding: .4rem .2rem .3rem .2rem; - text-decoration: none; -} - -.tab .tab-item a:focus, -.tab .tab-item a:hover { - color: #5755d9; -} - -.tab .tab-item a.active, -.tab .tab-item.active a { - border-bottom-color: #5755d9; - color: #5755d9; -} - -.tab .tab-item.tab-action { - -ms-flex: 1 0 auto; - flex: 1 0 auto; - text-align: right; -} - -.tab .tab-item .btn-clear { - margin-top: -.2rem; -} - -.tab.tab-block .tab-item { - -ms-flex: 1 0 0; - flex: 1 0 0; - text-align: center; -} - -.tab.tab-block .tab-item a { - margin: 0; -} - -.tab.tab-block .tab-item .badge[data-badge]::after { - position: absolute; - right: .1rem; - top: .1rem; - transform: translate(0, 0); -} - -.tab:not(.tab-block) .badge { - padding-right: 0; -} - -.tile { - align-content: space-between; - align-items: flex-start; - display: -ms-flexbox; - display: flex; - -ms-flex-align: start; - -ms-flex-line-pack: justify; -} - -.tile .tile-action, -.tile .tile-icon { - -ms-flex: 0 0 auto; - flex: 0 0 auto; -} - -.tile .tile-content { - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} - -.tile .tile-content:not(:first-child) { - padding-left: .4rem; -} - -.tile .tile-content:not(:last-child) { - padding-right: .4rem; -} - -.tile .tile-subtitle, -.tile .tile-title { - line-height: 1.2rem; -} - -.tile.tile-centered { - align-items: center; - -ms-flex-align: center; -} - -.tile.tile-centered .tile-content { - overflow: hidden; -} - -.tile.tile-centered .tile-subtitle, -.tile.tile-centered .tile-title { - margin-bottom: 0; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.toast { - background: rgba(0, 0, 0, .95); - border: .05rem solid #000; - border-color: #000; - border-radius: .1rem; - color: #000; - display: block; - padding: .4rem; - width: 100%; -} - -.toast.toast-primary { - background: rgba(87, 85, 217, .95); - border-color: #5755d9; -} - -.toast.toast-success { - background: rgba(50, 182, 67, .95); - border-color: #32b643; -} - -.toast.toast-warning { - background: rgba(255, 183, 0, .95); - border-color: #ffb700; -} - -.toast.toast-error { - background: rgba(232, 86, 0, .95); - border-color: #e85600; -} - -.toast a { - color: #000; - text-decoration: underline; -} - -.toast a.active, -.toast a:active, -.toast a:focus, -.toast a:hover { - opacity: .75; -} - -.toast .btn-clear { - margin: .1rem; -} - -.toast p:last-child { - margin-bottom: 0; -} - -.tooltip { - position: relative; -} - -.tooltip::after { - background: rgba(0, 0, 0, .95); - border-radius: .1rem; - bottom: 100%; - color: #000; - content: attr(data-tooltip); - display: block; - font-size: .7rem; - left: 50%; - max-width: 320px; - opacity: 0; - overflow: hidden; - padding: .2rem .4rem; - pointer-events: none; - position: absolute; - text-overflow: ellipsis; - transform: translate(-50%, .4rem); - transition: opacity .2s,transform .2s; - white-space: pre; - z-index: 300; -} - -.tooltip:focus::after, -.tooltip:hover::after { - opacity: 1; - transform: translate(-50%, -.2rem); -} - -.tooltip.disabled, -.tooltip[disabled] { - pointer-events: auto; -} - -.tooltip.tooltip-right::after { - bottom: 50%; - left: 100%; - transform: translate(-.2rem, 50%); -} - -.tooltip.tooltip-right:focus::after, -.tooltip.tooltip-right:hover::after { - transform: translate(.2rem, 50%); -} - -.tooltip.tooltip-bottom::after { - bottom: auto; - top: 100%; - transform: translate(-50%, -.4rem); -} - -.tooltip.tooltip-bottom:focus::after, -.tooltip.tooltip-bottom:hover::after { - transform: translate(-50%, .2rem); -} - -.tooltip.tooltip-left::after { - bottom: 50%; - left: auto; - right: 100%; - transform: translate(.4rem, 50%); -} - -.tooltip.tooltip-left:focus::after, -.tooltip.tooltip-left:hover::after { - transform: translate(-.2rem, 50%); -} - -@keyframes loading { - 0% { - transform: rotate(0); - } - 100% { - transform: rotate(360deg); - } -} - -@keyframes slide-down { - 0% { - opacity: 0; - transform: translateY(-1.6rem); - } - 100% { - opacity: 1; - transform: translateY(0); - } -} - -.text-primary { - color: #5755d9 !important; -} - -a.text-primary:focus, -a.text-primary:hover { - color: #4240d4; -} - -a.text-primary:visited { - color: #6c6ade; -} - -.text-secondary { - color: #e5e5f9 !important; -} - -a.text-secondary:focus, -a.text-secondary:hover { - color: #d1d0f4; -} - -a.text-secondary:visited { - color: #fafafe; -} - -.text-gray { - color: #8c8c8c !important; -} - -a.text-gray:focus, -a.text-gray:hover { - color: #807f7f; -} - -a.text-gray:visited { - color: #999; -} - -.text-light { - color: #000 !important; -} - -a.text-light:focus, -a.text-light:hover { - color: #000; -} - -a.text-light:visited { - color: #0d0d0d; -} - -.text-dark { - color: #fff !important; -} - -a.text-dark:focus, -a.text-dark:hover { - color: #f2f2f2; -} - -a.text-dark:visited { - color: #fff; -} - -.text-success { - color: #32b643 !important; -} - -a.text-success:focus, -a.text-success:hover { - color: #2da23c; -} - -a.text-success:visited { - color: #39c94b; -} - -.text-warning { - color: #ffb700 !important; -} - -a.text-warning:focus, -a.text-warning:hover { - color: #e6a500; -} - -a.text-warning:visited { - color: #ffbe1a; -} - -.text-error { - color: #e85600 !important; -} - -a.text-error:focus, -a.text-error:hover { - color: #cf4d00; -} - -a.text-error:visited { - color: #ff6003; -} - -.bg-primary { - background: #5755d9 !important; -} - -.bg-secondary { - background: #f1f1fc !important; -} - -.bg-dark { - background: #000 !important; - color: #000; -} - -.bg-gray { - background: #0d0d0d !important; -} - -.bg-success { - background: #32b643 !important; -} - -.bg-warning { - background: #ffb700 !important; -} - -.bg-error { - background: #e85600 !important; -} - -.c-hand { - cursor: pointer; -} - -.c-move { - cursor: move; -} - -.c-zoom-in { - cursor: zoom-in; -} - -.c-zoom-out { - cursor: zoom-out; -} - -.c-not-allowed { - cursor: not-allowed; -} - -.c-auto { - cursor: auto; -} - -.d-block { - display: block; -} - -.d-inline { - display: inline; -} - -.d-inline-block { - display: inline-block; -} - -.d-flex { - display: -ms-flexbox; - display: flex; -} - -.d-inline-flex { - display: -ms-inline-flexbox; - display: inline-flex; -} - -.d-hide, -.d-none { - display: none !important; -} - -.d-visible { - visibility: visible; -} - -.d-invisible { - visibility: hidden; -} - -.text-hide { - background: 0 0; - border: 0; - color: transparent; - font-size: 0; - line-height: 0; - text-shadow: none; -} - -.text-assistive { - border: 0; - clip: rect(0, 0, 0, 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.divider, -.divider-vert { - display: block; - position: relative; -} - -.divider-vert[data-content]::after, -.divider[data-content]::after { - background: #000; - color: #8c8c8c; - content: attr(data-content); - display: inline-block; - font-size: .7rem; - padding: 0 .4rem; - transform: translateY(-.65rem); -} - -.divider { - border-top: .05rem solid #bababa; - height: .05rem; - margin: .4rem 0; -} - -.divider[data-content] { - margin: .8rem 0; -} - -.divider-vert { - display: block; - padding: .8rem; -} - -.divider-vert::before { - border-left: .05rem solid #a6a6a6; - bottom: .4rem; - content: ""; - display: block; - left: 50%; - position: absolute; - top: .4rem; - transform: translateX(-50%); -} - -.divider-vert[data-content]::after { - left: 50%; - padding: .2rem 0; - position: absolute; - top: 50%; - transform: translate(-50%, -50%); -} - -.loading { - color: transparent !important; - min-height: .8rem; - pointer-events: none; - position: relative; -} - -.loading::after { - animation: loading .5s infinite linear; - border: .1rem solid #5755d9; - border-radius: 50%; - border-right-color: transparent; - border-top-color: transparent; - content: ""; - display: block; - height: .8rem; - left: 50%; - margin-left: -.4rem; - margin-top: -.4rem; - position: absolute; - top: 50%; - width: .8rem; - z-index: 1; -} - -.loading.loading-lg { - min-height: 2rem; -} - -.loading.loading-lg::after { - height: 1.6rem; - margin-left: -.8rem; - margin-top: -.8rem; - width: 1.6rem; -} - -.clearfix::after { - clear: both; - content: ""; - display: table; -} - -.float-left { - float: left !important; -} - -.float-right { - float: right !important; -} - -.p-relative { - position: relative !important; -} - -.p-absolute { - position: absolute !important; -} - -.p-fixed { - position: fixed !important; -} - -.p-sticky { - position: -webkit-sticky !important; - position: sticky !important; -} - -.p-centered { - display: block; - float: none; - margin-left: auto; - margin-right: auto; -} - -.flex-centered { - align-items: center; - display: -ms-flexbox; - display: flex; - -ms-flex-align: center; - -ms-flex-pack: center; - justify-content: center; -} - -.m-0 { - margin: 0 !important; -} - -.mb-0 { - margin-bottom: 0 !important; -} - -.ml-0 { - margin-left: 0 !important; -} - -.mr-0 { - margin-right: 0 !important; -} - -.mt-0 { - margin-top: 0 !important; -} - -.mx-0 { - margin-left: 0 !important; - margin-right: 0 !important; -} - -.my-0 { - margin-bottom: 0 !important; - margin-top: 0 !important; -} - -.m-1 { - margin: .2rem !important; -} - -.mb-1 { - margin-bottom: .2rem !important; -} - -.ml-1 { - margin-left: .2rem !important; -} - -.mr-1 { - margin-right: .2rem !important; -} - -.mt-1 { - margin-top: .2rem !important; -} - -.mx-1 { - margin-left: .2rem !important; - margin-right: .2rem !important; -} - -.my-1 { - margin-bottom: .2rem !important; - margin-top: .2rem !important; -} - -.m-2 { - margin: .4rem !important; -} - -.mb-2 { - margin-bottom: .4rem !important; -} - -.ml-2 { - margin-left: .4rem !important; -} - -.mr-2 { - margin-right: .4rem !important; -} - -.mt-2 { - margin-top: .4rem !important; -} - -.mx-2 { - margin-left: .4rem !important; - margin-right: .4rem !important; -} - -.my-2 { - margin-bottom: .4rem !important; - margin-top: .4rem !important; -} - -.p-0 { - padding: 0 !important; -} - -.pb-0 { - padding-bottom: 0 !important; -} - -.pl-0 { - padding-left: 0 !important; -} - -.pr-0 { - padding-right: 0 !important; -} - -.pt-0 { - padding-top: 0 !important; -} - -.px-0 { - padding-left: 0 !important; - padding-right: 0 !important; -} - -.py-0 { - padding-bottom: 0 !important; - padding-top: 0 !important; -} - -.p-1 { - padding: .2rem !important; -} - -.pb-1 { - padding-bottom: .2rem !important; -} - -.pl-1 { - padding-left: .2rem !important; -} - -.pr-1 { - padding-right: .2rem !important; -} - -.pt-1 { - padding-top: .2rem !important; -} - -.px-1 { - padding-left: .2rem !important; - padding-right: .2rem !important; -} - -.py-1 { - padding-bottom: .2rem !important; - padding-top: .2rem !important; -} - -.p-2 { - padding: .4rem !important; -} - -.pb-2 { - padding-bottom: .4rem !important; -} - -.pl-2 { - padding-left: .4rem !important; -} - -.pr-2 { - padding-right: .4rem !important; -} - -.pt-2 { - padding-top: .4rem !important; -} - -.px-2 { - padding-left: .4rem !important; - padding-right: .4rem !important; -} - -.py-2 { - padding-bottom: .4rem !important; - padding-top: .4rem !important; -} - -.s-rounded { - border-radius: .1rem; -} - -.s-circle { - border-radius: 50%; -} - -.text-left { - text-align: left; -} - -.text-right { - text-align: right; -} - -.text-center { - text-align: center; -} - -.text-justify { - text-align: justify; -} - -.text-lowercase { - text-transform: lowercase; -} - -.text-uppercase { - text-transform: uppercase; -} - -.text-capitalize { - text-transform: capitalize; -} - -.text-normal { - font-weight: 400; -} - -.text-bold { - font-weight: 700; -} - -.text-italic { - font-style: italic; -} - -.text-large { - font-size: 1.2em; -} - -.text-ellipsis { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.text-clip { - overflow: hidden; - text-overflow: clip; - white-space: nowrap; -} - -.text-break { - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - word-break: break-word; - word-wrap: break-word; -} - -/*! Spectre.css Experimentals v0.5.8 | MIT License | github.com/picturepan2/spectre */ -.form-autocomplete { - position: relative; -} - -.form-autocomplete .form-autocomplete-input { - align-content: flex-start; - display: -ms-flexbox; - display: flex; - -ms-flex-line-pack: start; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - height: auto; - min-height: 1.6rem; - padding: .1rem; -} - -.form-autocomplete .form-autocomplete-input.is-focused { - border-color: #5755d9; - box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2); -} - -.form-autocomplete .form-autocomplete-input .form-input { - border-color: transparent; - box-shadow: none; - display: inline-block; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - height: 1.2rem; - line-height: .8rem; - margin: .1rem; - width: auto; -} - -.form-autocomplete .menu { - left: 0; - position: absolute; - top: 100%; - width: 100%; -} - -.form-autocomplete.autocomplete-oneline .form-autocomplete-input { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow-x: auto; -} - -.form-autocomplete.autocomplete-oneline .chip { - -ms-flex: 1 0 auto; - flex: 1 0 auto; -} - -.calendar { - border: .05rem solid #a6a6a6; - border-radius: .1rem; - display: block; - min-width: 280px; -} - -.calendar .calendar-nav { - align-items: center; - background: #0d0d0d; - border-top-left-radius: .1rem; - border-top-right-radius: .1rem; - display: -ms-flexbox; - display: flex; - -ms-flex-align: center; - font-size: .9rem; - padding: .4rem; -} - -.calendar .calendar-body, -.calendar .calendar-header { - display: -ms-flexbox; - display: flex; - -ms-flex-pack: center; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - justify-content: center; - padding: .4rem 0; -} - -.calendar .calendar-body .calendar-date, -.calendar .calendar-header .calendar-date { - -ms-flex: 0 0 14.28%; - flex: 0 0 14.28%; - max-width: 14.28%; -} - -.calendar .calendar-header { - background: #0d0d0d; - border-bottom: .05rem solid #a6a6a6; - color: #8c8c8c; - font-size: .7rem; - text-align: center; -} - -.calendar .calendar-body { - color: #404040; -} - -.calendar .calendar-date { - border: 0; - padding: .2rem; -} - -.calendar .calendar-date .date-item { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: 0 0; - border: .05rem solid transparent; - border-radius: 50%; - color: #404040; - cursor: pointer; - font-size: .7rem; - height: 1.4rem; - line-height: 1rem; - outline: 0; - padding: .1rem; - position: relative; - text-align: center; - text-decoration: none; - transition: background .2s,border .2s,box-shadow .2s,color .2s; - vertical-align: middle; - white-space: nowrap; - width: 1.4rem; -} - -.calendar .calendar-date .date-item.date-today { - border-color: #e5e5f9; - color: #5755d9; -} - -.calendar .calendar-date .date-item:focus { - box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2); -} - -.calendar .calendar-date .date-item:focus, -.calendar .calendar-date .date-item:hover { - background: #fefeff; - border-color: #e5e5f9; - color: #5755d9; - text-decoration: none; -} - -.calendar .calendar-date .date-item.active, -.calendar .calendar-date .date-item:active { - background: #4b48d6; - border-color: #3634d2; - color: #000; -} - -.calendar .calendar-date .date-item.badge::after { - position: absolute; - right: 3px; - top: 3px; - transform: translate(50%, -50%); -} - -.calendar .calendar-date .calendar-event.disabled, -.calendar .calendar-date .calendar-event:disabled, -.calendar .calendar-date .date-item.disabled, -.calendar .calendar-date .date-item:disabled { - cursor: default; - opacity: .25; - pointer-events: none; -} - -.calendar .calendar-date.next-month .calendar-event, -.calendar .calendar-date.next-month .date-item, -.calendar .calendar-date.prev-month .calendar-event, -.calendar .calendar-date.prev-month .date-item { - opacity: .25; -} - -.calendar .calendar-range { - position: relative; -} - -.calendar .calendar-range::before { - background: #f1f1fc; - content: ""; - height: 1.4rem; - left: 0; - position: absolute; - right: 0; - top: 50%; - transform: translateY(-50%); -} - -.calendar .calendar-range.range-start::before { - left: 50%; -} - -.calendar .calendar-range.range-end::before { - right: 50%; -} - -.calendar .calendar-range.range-end .date-item, -.calendar .calendar-range.range-start .date-item { - background: #4b48d6; - border-color: #3634d2; - color: #000; -} - -.calendar .calendar-range .date-item { - color: #5755d9; -} - -.calendar.calendar-lg .calendar-body { - padding: 0; -} - -.calendar.calendar-lg .calendar-body .calendar-date { - border-bottom: .05rem solid #a6a6a6; - border-right: .05rem solid #a6a6a6; - display: -ms-flexbox; - display: flex; - -ms-flex-direction: column; - flex-direction: column; - height: 5.5rem; - padding: 0; -} - -.calendar.calendar-lg .calendar-body .calendar-date:nth-child(7n) { - border-right: 0; -} - -.calendar.calendar-lg .calendar-body .calendar-date:nth-last-child(-n+7) { - border-bottom: 0; -} - -.calendar.calendar-lg .date-item { - align-self: flex-end; - -ms-flex-item-align: end; - height: 1.4rem; - margin-right: .2rem; - margin-top: .2rem; -} - -.calendar.calendar-lg .calendar-range::before { - top: 19px; -} - -.calendar.calendar-lg .calendar-range.range-start::before { - left: auto; - width: 19px; -} - -.calendar.calendar-lg .calendar-range.range-end::before { - right: 19px; -} - -.calendar.calendar-lg .calendar-events { - flex-grow: 1; - -ms-flex-positive: 1; - line-height: 1; - overflow-y: auto; - padding: .2rem; -} - -.calendar.calendar-lg .calendar-event { - border-radius: .1rem; - display: block; - font-size: .7rem; - margin: .1rem auto; - overflow: hidden; - padding: 3px 4px; - text-overflow: ellipsis; - white-space: nowrap; -} - -.carousel .carousel-locator:nth-of-type(1):checked ~ .carousel-container .carousel-item:nth-of-type(1), -.carousel .carousel-locator:nth-of-type(2):checked ~ .carousel-container .carousel-item:nth-of-type(2), -.carousel .carousel-locator:nth-of-type(3):checked ~ .carousel-container .carousel-item:nth-of-type(3), -.carousel .carousel-locator:nth-of-type(4):checked ~ .carousel-container .carousel-item:nth-of-type(4), -.carousel .carousel-locator:nth-of-type(5):checked ~ .carousel-container .carousel-item:nth-of-type(5), -.carousel .carousel-locator:nth-of-type(6):checked ~ .carousel-container .carousel-item:nth-of-type(6), -.carousel .carousel-locator:nth-of-type(7):checked ~ .carousel-container .carousel-item:nth-of-type(7), -.carousel .carousel-locator:nth-of-type(8):checked ~ .carousel-container .carousel-item:nth-of-type(8) { - animation: carousel-slidein .75s ease-in-out 1; - opacity: 1; - z-index: 100; -} - -.carousel .carousel-locator:nth-of-type(1):checked ~ .carousel-nav .nav-item:nth-of-type(1), -.carousel .carousel-locator:nth-of-type(2):checked ~ .carousel-nav .nav-item:nth-of-type(2), -.carousel .carousel-locator:nth-of-type(3):checked ~ .carousel-nav .nav-item:nth-of-type(3), -.carousel .carousel-locator:nth-of-type(4):checked ~ .carousel-nav .nav-item:nth-of-type(4), -.carousel .carousel-locator:nth-of-type(5):checked ~ .carousel-nav .nav-item:nth-of-type(5), -.carousel .carousel-locator:nth-of-type(6):checked ~ .carousel-nav .nav-item:nth-of-type(6), -.carousel .carousel-locator:nth-of-type(7):checked ~ .carousel-nav .nav-item:nth-of-type(7), -.carousel .carousel-locator:nth-of-type(8):checked ~ .carousel-nav .nav-item:nth-of-type(8) { - color: #bfbfbf; -} - -.carousel { - background: #0d0d0d; - display: block; - overflow: hidden; - -webkit-overflow-scrolling: touch; - position: relative; - width: 100%; - z-index: 1; -} - -.carousel .carousel-container { - height: 100%; - left: 0; - position: relative; -} - -.carousel .carousel-container::before { - content: ""; - display: block; - padding-bottom: 56.25%; -} - -.carousel .carousel-container .carousel-item { - animation: carousel-slideout 1s ease-in-out 1; - height: 100%; - left: 0; - margin: 0; - opacity: 0; - position: absolute; - top: 0; - width: 100%; -} - -.carousel .carousel-container .carousel-item:hover .item-next, -.carousel .carousel-container .carousel-item:hover .item-prev { - opacity: 1; -} - -.carousel .carousel-container .item-next, -.carousel .carousel-container .item-prev { - background: rgba(191, 191, 191, .25); - border-color: rgba(191, 191, 191, .5); - color: #bfbfbf; - opacity: 0; - position: absolute; - top: 50%; - transform: translateY(-50%); - transition: all .4s; - z-index: 100; -} - -.carousel .carousel-container .item-prev { - left: 1rem; -} - -.carousel .carousel-container .item-next { - right: 1rem; -} - -.carousel .carousel-nav { - bottom: .4rem; - display: -ms-flexbox; - display: flex; - -ms-flex-pack: center; - justify-content: center; - left: 50%; - position: absolute; - transform: translateX(-50%); - width: 10rem; - z-index: 100; -} - -.carousel .carousel-nav .nav-item { - color: rgba(191, 191, 191, .5); - display: block; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - height: 1.6rem; - margin: .2rem; - max-width: 2.5rem; - position: relative; -} - -.carousel .carousel-nav .nav-item::before { - background: currentColor; - content: ""; - display: block; - height: .1rem; - position: absolute; - top: .5rem; - width: 100%; -} - -@keyframes carousel-slidein { - 0% { - transform: translateX(100%); - } - 100% { - transform: translateX(0); - } -} - -@keyframes carousel-slideout { - 0% { - opacity: 1; - transform: translateX(0); - } - 100% { - opacity: 1; - transform: translateX(-50%); - } -} - -.comparison-slider { - height: 50vh; - overflow: hidden; - -webkit-overflow-scrolling: touch; - position: relative; - width: 100%; -} - -.comparison-slider .comparison-after, -.comparison-slider .comparison-before { - height: 100%; - left: 0; - margin: 0; - overflow: hidden; - position: absolute; - top: 0; -} - -.comparison-slider .comparison-after img, -.comparison-slider .comparison-before img { - height: 100%; - object-fit: cover; - object-position: left center; - position: absolute; - width: 100%; -} - -.comparison-slider .comparison-before { - width: 100%; - z-index: 1; -} - -.comparison-slider .comparison-before .comparison-label { - right: .8rem; -} - -.comparison-slider .comparison-after { - max-width: 100%; - min-width: 0; - z-index: 2; -} - -.comparison-slider .comparison-after::before { - background: 0 0; - content: ""; - cursor: default; - height: 100%; - left: 0; - position: absolute; - right: .8rem; - top: 0; - z-index: 1; -} - -.comparison-slider .comparison-after::after { - background: currentColor; - border-radius: 50%; - box-shadow: 0 -5px,0 5px; - color: #000; - content: ""; - height: 3px; - position: absolute; - right: .4rem; - top: 50%; - transform: translate(50%, -50%); - width: 3px; -} - -.comparison-slider .comparison-after .comparison-label { - left: .8rem; -} - -.comparison-slider .comparison-resizer { - animation: first-run 1.5s 1 ease-in-out; - cursor: ew-resize; - height: .8rem; - left: 0; - max-width: 100%; - min-width: .8rem; - opacity: 0; - outline: 0; - position: relative; - resize: horizontal; - top: 50%; - transform: translateY(-50%) scaleY(30); - width: 0; -} - -.comparison-slider .comparison-label { - background: rgba(0, 0, 0, .5); - bottom: .8rem; - color: #000; - padding: .2rem .4rem; - position: absolute; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -@keyframes first-run { - 0% { - width: 0; - } - 25% { - width: 2.4rem; - } - 50% { - width: .8rem; - } - 75% { - width: 1.2rem; - } - 100% { - width: 0; - } -} - -.filter .filter-tag#tag-0:checked ~ .filter-nav .chip[for=tag-0], -.filter .filter-tag#tag-1:checked ~ .filter-nav .chip[for=tag-1], -.filter .filter-tag#tag-2:checked ~ .filter-nav .chip[for=tag-2], -.filter .filter-tag#tag-3:checked ~ .filter-nav .chip[for=tag-3], -.filter .filter-tag#tag-4:checked ~ .filter-nav .chip[for=tag-4], -.filter .filter-tag#tag-5:checked ~ .filter-nav .chip[for=tag-5], -.filter .filter-tag#tag-6:checked ~ .filter-nav .chip[for=tag-6], -.filter .filter-tag#tag-7:checked ~ .filter-nav .chip[for=tag-7], -.filter .filter-tag#tag-8:checked ~ .filter-nav .chip[for=tag-8] { - background: #5755d9; - color: #000; -} - -.filter .filter-tag#tag-1:checked ~ .filter-body .filter-item:not([data-tag~=tag-1]), -.filter .filter-tag#tag-2:checked ~ .filter-body .filter-item:not([data-tag~=tag-2]), -.filter .filter-tag#tag-3:checked ~ .filter-body .filter-item:not([data-tag~=tag-3]), -.filter .filter-tag#tag-4:checked ~ .filter-body .filter-item:not([data-tag~=tag-4]), -.filter .filter-tag#tag-5:checked ~ .filter-body .filter-item:not([data-tag~=tag-5]), -.filter .filter-tag#tag-6:checked ~ .filter-body .filter-item:not([data-tag~=tag-6]), -.filter .filter-tag#tag-7:checked ~ .filter-body .filter-item:not([data-tag~=tag-7]), -.filter .filter-tag#tag-8:checked ~ .filter-body .filter-item:not([data-tag~=tag-8]) { - display: none; -} - -.filter .filter-nav { - margin: .4rem 0; -} - -.filter .filter-body { - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} - -.meter { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: #0d0d0d; - border: 0; - border-radius: .1rem; - display: block; - height: .8rem; - width: 100%; -} - -.meter::-webkit-meter-inner-element { - display: block; -} - -.meter::-webkit-meter-bar, -.meter::-webkit-meter-even-less-good-value, -.meter::-webkit-meter-optimum-value, -.meter::-webkit-meter-suboptimum-value { - border-radius: .1rem; -} - -.meter::-webkit-meter-bar { - background: #0d0d0d; -} - -.meter::-webkit-meter-optimum-value { - background: #32b643; -} - -.meter::-webkit-meter-suboptimum-value { - background: #ffb700; -} - -.meter::-webkit-meter-even-less-good-value { - background: #e85600; -} - -.meter:-moz-meter-optimum, -.meter:-moz-meter-sub-optimum, -.meter:-moz-meter-sub-sub-optimum, -.meter::-moz-meter-bar { - border-radius: .1rem; -} - -.meter:-moz-meter-optimum::-moz-meter-bar { - background: #32b643; -} - -.meter:-moz-meter-sub-optimum::-moz-meter-bar { - background: #ffb700; -} - -.meter:-moz-meter-sub-sub-optimum::-moz-meter-bar { - background: #e85600; -} - -.off-canvas { - display: -ms-flexbox; - display: flex; - -ms-flex-flow: nowrap; - flex-flow: nowrap; - height: 100%; - position: relative; - width: 100%; -} - -.off-canvas .off-canvas-toggle { - display: block; - position: absolute; - right: .4rem; - top: .4rem; - transition: none; - z-index: 1; -} - -.off-canvas .off-canvas-sidebar { - background: #0d0d0d; - bottom: 0; - min-width: 10rem; - overflow-y: auto; - position: fixed; - right: 0; - top: 0; - transform: translateX(100%); - transition: transform .25s; - z-index: 200; -} - -.off-canvas .off-canvas-content { - -ms-flex: 1 1 auto; - flex: 1 1 auto; - height: 100%; - padding: .4rem .4rem .4rem 4rem; -} - -.off-canvas .off-canvas-overlay { - background: rgba(0, 0, 0, .1); - border-color: transparent; - border-radius: 0; - bottom: 0; - display: none; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; -} - -.off-canvas .off-canvas-sidebar.active, -.off-canvas .off-canvas-sidebar:target { - transform: translateX(0); -} - -.off-canvas .off-canvas-sidebar.active ~ .off-canvas-overlay, -.off-canvas .off-canvas-sidebar:target ~ .off-canvas-overlay { - display: block; - z-index: 100; -} - -@media (min-width: 960px) { - .off-canvas.off-canvas-sidebar-show .off-canvas-toggle { - display: none; - } - .off-canvas.off-canvas-sidebar-show .off-canvas-sidebar { - -ms-flex: 0 0 auto; - flex: 0 0 auto; - position: relative; - transform: none; - } - .off-canvas.off-canvas-sidebar-show .off-canvas-overlay { - display: none !important; - } -} - -.parallax { - display: block; - height: auto; - position: relative; - width: auto; -} - -.parallax .parallax-content { - box-shadow: 0 1rem 2.1rem rgba(0, 0, 0, .3); - height: auto; - transform: perspective(1000px); - transform-style: preserve-3d; - transition: all .4s ease; - width: 100%; -} - -.parallax .parallax-content::before { - content: ""; - display: block; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; -} - -.parallax .parallax-front { - align-items: center; - color: #000; - display: -ms-flexbox; - display: flex; - -ms-flex-align: center; - -ms-flex-pack: center; - height: 100%; - justify-content: center; - left: 0; - position: absolute; - text-align: center; - text-shadow: 0 0 20px rgba(0, 0, 0, .75); - top: 0; - transform: translateZ(50px) scale(.95); - transition: transform .4s; - width: 100%; - z-index: 1; -} - -.parallax .parallax-top-left { - height: 50%; - left: 0; - outline: 0; - position: absolute; - top: 0; - width: 50%; - z-index: 100; -} - -.parallax .parallax-top-left:focus ~ .parallax-content, -.parallax .parallax-top-left:hover ~ .parallax-content { - transform: perspective(1000px) rotateX(3deg) rotateY(-3deg); -} - -.parallax .parallax-top-left:focus ~ .parallax-content::before, -.parallax .parallax-top-left:hover ~ .parallax-content::before { - background: linear-gradient(135deg, rgba(255, 255, 255, .35) 0, transparent 50%); -} - -.parallax .parallax-top-left:focus ~ .parallax-content .parallax-front, -.parallax .parallax-top-left:hover ~ .parallax-content .parallax-front { - transform: translate3d(4.5px, 4.5px, 50px) scale(.95); -} - -.parallax .parallax-top-right { - height: 50%; - outline: 0; - position: absolute; - right: 0; - top: 0; - width: 50%; - z-index: 100; -} - -.parallax .parallax-top-right:focus ~ .parallax-content, -.parallax .parallax-top-right:hover ~ .parallax-content { - transform: perspective(1000px) rotateX(3deg) rotateY(3deg); -} - -.parallax .parallax-top-right:focus ~ .parallax-content::before, -.parallax .parallax-top-right:hover ~ .parallax-content::before { - background: linear-gradient(-135deg, rgba(255, 255, 255, .35) 0, transparent 50%); -} - -.parallax .parallax-top-right:focus ~ .parallax-content .parallax-front, -.parallax .parallax-top-right:hover ~ .parallax-content .parallax-front { - transform: translate3d(-4.5px, 4.5px, 50px) scale(.95); -} - -.parallax .parallax-bottom-left { - bottom: 0; - height: 50%; - left: 0; - outline: 0; - position: absolute; - width: 50%; - z-index: 100; -} - -.parallax .parallax-bottom-left:focus ~ .parallax-content, -.parallax .parallax-bottom-left:hover ~ .parallax-content { - transform: perspective(1000px) rotateX(-3deg) rotateY(-3deg); -} - -.parallax .parallax-bottom-left:focus ~ .parallax-content::before, -.parallax .parallax-bottom-left:hover ~ .parallax-content::before { - background: linear-gradient(45deg, rgba(255, 255, 255, .35) 0, transparent 50%); -} - -.parallax .parallax-bottom-left:focus ~ .parallax-content .parallax-front, -.parallax .parallax-bottom-left:hover ~ .parallax-content .parallax-front { - transform: translate3d(4.5px, -4.5px, 50px) scale(.95); -} - -.parallax .parallax-bottom-right { - bottom: 0; - height: 50%; - outline: 0; - position: absolute; - right: 0; - width: 50%; - z-index: 100; -} - -.parallax .parallax-bottom-right:focus ~ .parallax-content, -.parallax .parallax-bottom-right:hover ~ .parallax-content { - transform: perspective(1000px) rotateX(-3deg) rotateY(3deg); -} - -.parallax .parallax-bottom-right:focus ~ .parallax-content::before, -.parallax .parallax-bottom-right:hover ~ .parallax-content::before { - background: linear-gradient(-45deg, rgba(255, 255, 255, .35) 0, transparent 50%); -} - -.parallax .parallax-bottom-right:focus ~ .parallax-content .parallax-front, -.parallax .parallax-bottom-right:hover ~ .parallax-content .parallax-front { - transform: translate3d(-4.5px, -4.5px, 50px) scale(.95); -} - -.progress { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: #050505; - border: 0; - border-radius: .1rem; - color: #5755d9; - height: .2rem; - position: relative; - width: 100%; -} - -.progress::-webkit-progress-bar { - background: 0 0; - border-radius: .1rem; -} - -.progress::-webkit-progress-value { - background: #5755d9; - border-radius: .1rem; -} - -.progress::-moz-progress-bar { - background: #5755d9; - border-radius: .1rem; -} - -.progress:indeterminate { - animation: progress-indeterminate 1.5s linear infinite; - background: #050505 linear-gradient(to right, #5755d9 30%, #050505 30%) top left/150% 150% no-repeat; -} - -.progress:indeterminate::-moz-progress-bar { - background: 0 0; -} - -@keyframes progress-indeterminate { - 0% { - background-position: 200% 0; - } - 100% { - background-position: -200% 0; - } -} - -.slider { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: 0 0; - display: block; - height: 1.2rem; - width: 100%; -} - -.slider:focus { - box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2); - outline: 0; -} - -.slider.tooltip:not([data-tooltip])::after { - content: attr(value); -} - -.slider::-webkit-slider-thumb { - -webkit-appearance: none; - background: #5755d9; - border: 0; - border-radius: 50%; - height: .6rem; - margin-top: -.25rem; - -webkit-transition: transform .2s; - transition: transform .2s; - width: .6rem; -} - -.slider::-moz-range-thumb { - background: #5755d9; - border: 0; - border-radius: 50%; - height: .6rem; - -moz-transition: transform .2s; - transition: transform .2s; - width: .6rem; -} - -.slider::-ms-thumb { - background: #5755d9; - border: 0; - border-radius: 50%; - height: .6rem; - -ms-transition: transform .2s; - transition: transform .2s; - width: .6rem; -} - -.slider:active::-webkit-slider-thumb { - transform: scale(1.25); -} - -.slider:active::-moz-range-thumb { - transform: scale(1.25); -} - -.slider:active::-ms-thumb { - transform: scale(1.25); -} - -.slider.disabled::-webkit-slider-thumb, -.slider:disabled::-webkit-slider-thumb { - background: #bfbfbf; - transform: scale(1); -} - -.slider.disabled::-moz-range-thumb, -.slider:disabled::-moz-range-thumb { - background: #bfbfbf; - transform: scale(1); -} - -.slider.disabled::-ms-thumb, -.slider:disabled::-ms-thumb { - background: #bfbfbf; - transform: scale(1); -} - -.slider::-webkit-slider-runnable-track { - background: #050505; - border-radius: .1rem; - height: .1rem; - width: 100%; -} - -.slider::-moz-range-track { - background: #050505; - border-radius: .1rem; - height: .1rem; - width: 100%; -} - -.slider::-ms-track { - background: #050505; - border-radius: .1rem; - height: .1rem; - width: 100%; -} - -.slider::-ms-fill-lower { - background: #5755d9; -} - -.timeline .timeline-item { - display: -ms-flexbox; - display: flex; - margin-bottom: 1.2rem; - position: relative; -} - -.timeline .timeline-item::before { - background: #a6a6a6; - content: ""; - height: 100%; - left: 11px; - position: absolute; - top: 1.2rem; - width: 2px; -} - -.timeline .timeline-item .timeline-left { - -ms-flex: 0 0 auto; - flex: 0 0 auto; -} - -.timeline .timeline-item .timeline-content { - -ms-flex: 1 1 auto; - flex: 1 1 auto; - padding: 2px 0 2px .8rem; -} - -.timeline .timeline-item .timeline-icon { - align-items: center; - border-radius: 50%; - color: #000; - display: -ms-flexbox; - display: flex; - -ms-flex-align: center; - -ms-flex-pack: center; - height: 1.2rem; - justify-content: center; - text-align: center; - width: 1.2rem; -} - -.timeline .timeline-item .timeline-icon::before { - border: .1rem solid #5755d9; - border-radius: 50%; - content: ""; - display: block; - height: .4rem; - left: .4rem; - position: absolute; - top: .4rem; - width: .4rem; -} - -.timeline .timeline-item .timeline-icon.icon-lg { - background: #5755d9; - line-height: 1.2rem; -} - -.timeline .timeline-item .timeline-icon.icon-lg::before { - content: none; -} - -.viewer-360 { - align-items: center; - display: -ms-flexbox; - display: flex; - -ms-flex-align: center; - -ms-flex-direction: column; - flex-direction: column; -} - -.viewer-360 .viewer-slider[max="36"][value="1"] + .viewer-image { - background-position-y: 0; -} - -.viewer-360 .viewer-slider[max="36"][value="2"] + .viewer-image { - background-position-y: 2.8571428571%; -} - -.viewer-360 .viewer-slider[max="36"][value="3"] + .viewer-image { - background-position-y: 5.7142857143%; -} - -.viewer-360 .viewer-slider[max="36"][value="4"] + .viewer-image { - background-position-y: 8.5714285714%; -} - -.viewer-360 .viewer-slider[max="36"][value="5"] + .viewer-image { - background-position-y: 11.4285714286%; -} - -.viewer-360 .viewer-slider[max="36"][value="6"] + .viewer-image { - background-position-y: 14.2857142857%; -} - -.viewer-360 .viewer-slider[max="36"][value="7"] + .viewer-image { - background-position-y: 17.1428571429%; -} - -.viewer-360 .viewer-slider[max="36"][value="8"] + .viewer-image { - background-position-y: 20%; -} - -.viewer-360 .viewer-slider[max="36"][value="9"] + .viewer-image { - background-position-y: 22.8571428571%; -} - -.viewer-360 .viewer-slider[max="36"][value="10"] + .viewer-image { - background-position-y: 25.7142857143%; -} - -.viewer-360 .viewer-slider[max="36"][value="11"] + .viewer-image { - background-position-y: 28.5714285714%; -} - -.viewer-360 .viewer-slider[max="36"][value="12"] + .viewer-image { - background-position-y: 31.4285714286%; -} - -.viewer-360 .viewer-slider[max="36"][value="13"] + .viewer-image { - background-position-y: 34.2857142857%; -} - -.viewer-360 .viewer-slider[max="36"][value="14"] + .viewer-image { - background-position-y: 37.1428571429%; -} - -.viewer-360 .viewer-slider[max="36"][value="15"] + .viewer-image { - background-position-y: 40%; -} - -.viewer-360 .viewer-slider[max="36"][value="16"] + .viewer-image { - background-position-y: 42.8571428571%; -} - -.viewer-360 .viewer-slider[max="36"][value="17"] + .viewer-image { - background-position-y: 45.7142857143%; -} - -.viewer-360 .viewer-slider[max="36"][value="18"] + .viewer-image { - background-position-y: 48.5714285714%; -} - -.viewer-360 .viewer-slider[max="36"][value="19"] + .viewer-image { - background-position-y: 51.4285714286%; -} - -.viewer-360 .viewer-slider[max="36"][value="20"] + .viewer-image { - background-position-y: 54.2857142857%; -} - -.viewer-360 .viewer-slider[max="36"][value="21"] + .viewer-image { - background-position-y: 57.1428571429%; -} - -.viewer-360 .viewer-slider[max="36"][value="22"] + .viewer-image { - background-position-y: 60%; -} - -.viewer-360 .viewer-slider[max="36"][value="23"] + .viewer-image { - background-position-y: 62.8571428571%; -} - -.viewer-360 .viewer-slider[max="36"][value="24"] + .viewer-image { - background-position-y: 65.7142857143%; -} - -.viewer-360 .viewer-slider[max="36"][value="25"] + .viewer-image { - background-position-y: 68.5714285714%; -} - -.viewer-360 .viewer-slider[max="36"][value="26"] + .viewer-image { - background-position-y: 71.4285714286%; -} - -.viewer-360 .viewer-slider[max="36"][value="27"] + .viewer-image { - background-position-y: 74.2857142857%; -} - -.viewer-360 .viewer-slider[max="36"][value="28"] + .viewer-image { - background-position-y: 77.1428571429%; -} - -.viewer-360 .viewer-slider[max="36"][value="29"] + .viewer-image { - background-position-y: 80%; -} - -.viewer-360 .viewer-slider[max="36"][value="30"] + .viewer-image { - background-position-y: 82.8571428571%; -} - -.viewer-360 .viewer-slider[max="36"][value="31"] + .viewer-image { - background-position-y: 85.7142857143%; -} - -.viewer-360 .viewer-slider[max="36"][value="32"] + .viewer-image { - background-position-y: 88.5714285714%; -} - -.viewer-360 .viewer-slider[max="36"][value="33"] + .viewer-image { - background-position-y: 91.4285714286%; -} - -.viewer-360 .viewer-slider[max="36"][value="34"] + .viewer-image { - background-position-y: 94.2857142857%; -} - -.viewer-360 .viewer-slider[max="36"][value="35"] + .viewer-image { - background-position-y: 97.1428571429%; -} - -.viewer-360 .viewer-slider[max="36"][value="36"] + .viewer-image { - background-position-y: 100%; -} - -.viewer-360 .viewer-slider { - cursor: ew-resize; - -ms-flex-order: 2; - margin: 1rem; - order: 2; - width: 60%; -} - -.viewer-360 .viewer-image { - background-position-y: 0; - background-repeat: no-repeat; - background-size: 100%; - -ms-flex-order: 1; - max-width: 100%; - order: 1; -}
\ No newline at end of file +/*! Spectre.css RTL | MIT License | github.com/picturepan2/spectre *//*! Spectre.css v0.5.8 | MIT License | github.com/picturepan2/spectre */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}address{font-style:normal}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:"SF Mono","Segoe UI Mono","Roboto Mono",Menlo,Courier,monospace;font-size:1em}dfn{font-style:italic}small{font-size:80%;font-weight:400}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}fieldset{border:0;margin:0;padding:0}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item;outline:0}canvas{display:inline-block}template{display:none}[hidden]{display:none}*,::after,::before{box-sizing:inherit}html{box-sizing:border-box;font-size:20px;line-height:1.5;-webkit-tap-highlight-color:transparent}body{background:#000;color:#fff;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;font-size:.8rem;overflow-x:hidden;text-rendering:optimizeLegibility}a{color:#5755d9;outline:0;text-decoration:none}a:focus{box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}a.active,a:active,a:focus,a:hover{color:#302ecd;text-decoration:underline}a:visited{color:#807fe2}h1,h2,h3,h4,h5,h6{color:inherit;font-weight:500;line-height:1.2;margin-bottom:.5em;margin-top:0}.h1,.h2,.h3,.h4,.h5,.h6{font-weight:500}.h1,h1{font-size:2rem}.h2,h2{font-size:1.6rem}.h3,h3{font-size:1.4rem}.h4,h4{font-size:1.2rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.8rem}p{margin:0 0 1.2rem}a,ins,u{-webkit-text-decoration-skip:ink edges;text-decoration-skip:ink edges}abbr[title]{border-bottom:.05rem dotted;cursor:help;text-decoration:none}kbd{background:#fff;border-radius:.1rem;color:#000;font-size:.7rem;line-height:1.25;padding:.1rem .2rem}mark{background:#fff000;border-bottom:.05rem solid #b3a800;border-radius:.1rem;color:#1a1919;padding:.05rem .1rem 0}blockquote{border-left:.1rem solid #a6a6a6;margin-left:0;padding:.4rem .8rem}blockquote p:last-child{margin-bottom:0}ol,ul{margin:.8rem 0 .8rem .8rem;padding:0}ol ol,ol ul,ul ol,ul ul{margin:.8rem 0 .8rem .8rem}ol li,ul li{margin-top:.4rem}ul{list-style:disc inside}ul ul{list-style-type:circle}ol{list-style:decimal inside}ol ol{list-style-type:lower-alpha}dl dt{font-weight:700}dl dd{margin:.4rem 0 .8rem 0}.lang-zh,.lang-zh-hans,html:lang(zh),html:lang(zh-Hans){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",sans-serif}.lang-zh-hant,html:lang(zh-Hant){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang TC","Hiragino Sans CNS","Microsoft JhengHei","Helvetica Neue",sans-serif}.lang-ja,html:lang(ja){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Sans","Hiragino Kaku Gothic Pro","Yu Gothic",YuGothic,Meiryo,"Helvetica Neue",sans-serif}.lang-ko,html:lang(ko){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Malgun Gothic","Helvetica Neue",sans-serif}.lang-cjk ins,.lang-cjk u,:lang(ja) ins,:lang(ja) u,:lang(zh) ins,:lang(zh) u{border-bottom:.05rem solid;text-decoration:none}.lang-cjk del+del,.lang-cjk del+s,.lang-cjk ins+ins,.lang-cjk ins+u,.lang-cjk s+del,.lang-cjk s+s,.lang-cjk u+ins,.lang-cjk u+u,:lang(ja) del+del,:lang(ja) del+s,:lang(ja) ins+ins,:lang(ja) ins+u,:lang(ja) s+del,:lang(ja) s+s,:lang(ja) u+ins,:lang(ja) u+u,:lang(zh) del+del,:lang(zh) del+s,:lang(zh) ins+ins,:lang(zh) ins+u,:lang(zh) s+del,:lang(zh) s+s,:lang(zh) u+ins,:lang(zh) u+u{margin-left:.125em}.table{border-collapse:collapse;border-spacing:0;text-align:right;width:100%}.table.table-striped tbody tr:nth-of-type(odd){background:#0d0d0d}.table tbody tr.active,.table.table-striped tbody tr.active{background:#050505}.table.table-hover tbody tr:hover{background:#050505}.table.table-scroll{display:block;overflow-x:auto;padding-bottom:.75rem;white-space:nowrap}.table td,.table th{border-bottom:.05rem solid #a6a6a6;padding:.6rem .4rem}.table th{border-bottom-width:.1rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#000;border:.05rem solid #5755d9;border-radius:.1rem;color:#5755d9;cursor:pointer;display:inline-block;font-size:.8rem;height:1.8rem;line-height:1.2rem;outline:0;padding:.25rem .4rem;text-align:center;text-decoration:none;transition:background .2s,border .2s,box-shadow .2s,color .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn:focus{box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.btn:focus,.btn:hover{background:#f1f1fc;border-color:#4b48d6;text-decoration:none}.btn.active,.btn:active{background:#4b48d6;border-color:#3634d2;color:#000;text-decoration:none}.btn.active.loading::after,.btn:active.loading::after{border-bottom-color:#000;border-left-color:#000}.btn.disabled,.btn:disabled,.btn[disabled]{cursor:default;opacity:.5;pointer-events:none}.btn.btn-primary{background:#5755d9;border-color:#4b48d6;color:#000}.btn.btn-primary:focus,.btn.btn-primary:hover{background:#4240d4;border-color:#3634d2;color:#000}.btn.btn-primary.active,.btn.btn-primary:active{background:#3a38d2;border-color:#302ecd;color:#000}.btn.btn-primary.loading::after{border-bottom-color:#000;border-left-color:#000}.btn.btn-success{background:#32b643;border-color:#2faa3f;color:#000}.btn.btn-success:focus{box-shadow:0 0 0 .1rem rgba(50,182,67,.2)}.btn.btn-success:focus,.btn.btn-success:hover{background:#30ae40;border-color:#2da23c;color:#000}.btn.btn-success.active,.btn.btn-success:active{background:#2a9a39;border-color:#278e34;color:#000}.btn.btn-success.loading::after{border-bottom-color:#000;border-left-color:#000}.btn.btn-error{background:#e85600;border-color:#d95000;color:#000}.btn.btn-error:focus{box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.btn.btn-error:focus,.btn.btn-error:hover{background:#de5200;border-color:#cf4d00;color:#000}.btn.btn-error.active,.btn.btn-error:active{background:#c44900;border-color:#b54300;color:#000}.btn.btn-error.loading::after{border-bottom-color:#000;border-left-color:#000}.btn.btn-link{background:0 0;border-color:transparent;color:#5755d9}.btn.btn-link.active,.btn.btn-link:active,.btn.btn-link:focus,.btn.btn-link:hover{color:#302ecd}.btn.btn-sm{font-size:.7rem;height:1.4rem;padding:.05rem .3rem}.btn.btn-lg{font-size:.9rem;height:2rem;padding:.35rem .6rem}.btn.btn-block{display:block;width:100%}.btn.btn-action{padding-left:0;padding-right:0;width:1.8rem}.btn.btn-action.btn-sm{width:1.4rem}.btn.btn-action.btn-lg{width:2rem}.btn.btn-clear{background:0 0;border:0;color:currentColor;height:1rem;line-height:.8rem;margin-left:.2rem;margin-right:-2px;opacity:1;padding:.1rem;text-decoration:none;width:1rem}.btn.btn-clear:focus,.btn.btn-clear:hover{background:rgba(13,13,13,.5);opacity:.95}.btn.btn-clear::before{content:"\2715"}.btn-group{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.btn-group .btn{-ms-flex:1 0 auto;flex:1 0 auto}.btn-group .btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.05rem}.btn-group .btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.05rem}.btn-group .btn.active,.btn-group .btn:active,.btn-group .btn:focus,.btn-group .btn:hover{z-index:1}.btn-group.btn-group-block{display:-ms-flexbox;display:flex}.btn-group.btn-group-block .btn{-ms-flex:1 0 0;flex:1 0 0}.form-group:not(:last-child){margin-bottom:.4rem}fieldset{margin-bottom:.8rem}legend{font-size:.9rem;font-weight:500;margin-bottom:.8rem}.form-label{display:block;line-height:1.2rem;padding:.3rem 0}.form-label.label-sm{font-size:.7rem;padding:.1rem 0}.form-label.label-lg{font-size:.9rem;padding:.4rem 0}.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#000;background-image:none;border:.05rem solid #8c8c8c;border-radius:.1rem;color:#fff;display:block;font-size:.8rem;height:1.8rem;line-height:1.2rem;max-width:100%;outline:0;padding:.25rem .4rem;position:relative;transition:background .2s,border .2s,box-shadow .2s,color .2s;width:100%}.form-input:focus{border-color:#5755d9;box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.form-input:-ms-input-placeholder{color:#8c8c8c}.form-input::-ms-input-placeholder{color:#8c8c8c}.form-input::placeholder{color:#8c8c8c}.form-input.input-sm{font-size:.7rem;height:1.4rem;padding:.05rem .3rem}.form-input.input-lg{font-size:.9rem;height:2rem;padding:.35rem .6rem}.form-input.input-inline{display:inline-block;vertical-align:middle;width:auto}.form-input[type=file]{height:auto}textarea.form-input,textarea.form-input.input-lg,textarea.form-input.input-sm{height:auto}.form-input-hint{color:#8c8c8c;font-size:.7rem;margin-top:.2rem}.has-success .form-input-hint,.is-success+.form-input-hint{color:#32b643}.has-error .form-input-hint,.is-error+.form-input-hint{color:#e85600}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#000;border:.05rem solid #8c8c8c;border-radius:.1rem;color:inherit;font-size:.8rem;height:1.8rem;line-height:1.2rem;outline:0;padding:.25rem .4rem;vertical-align:middle;width:100%}.form-select:focus{border-color:#5755d9;box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.form-select::-ms-expand{display:none}.form-select.select-sm{font-size:.7rem;height:1.4rem;padding:.05rem 1.1rem .05rem .3rem}.form-select.select-lg{font-size:.9rem;height:2rem;padding:.35rem 1.4rem .35rem .6rem}.form-select[multiple],.form-select[size]{height:auto;padding:.25rem .4rem}.form-select[multiple] option,.form-select[size] option{padding:.1rem .2rem}.form-select:not([multiple]):not([size]){background:#000 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/.4rem .5rem;padding-right:1.2rem}.has-icon-left,.has-icon-right{position:relative}.has-icon-left .form-icon,.has-icon-right .form-icon{height:.8rem;margin:0 .25rem;position:absolute;top:50%;transform:translateY(-50%);width:.8rem;z-index:2}.has-icon-left .form-icon{left:.05rem}.has-icon-left .form-input{padding-left:1.3rem}.has-icon-right .form-icon{right:.05rem}.has-icon-right .form-input{padding-right:1.3rem}.form-checkbox,.form-radio,.form-switch{display:block;line-height:1.2rem;margin:.2rem 0;min-height:1.4rem;padding:.1rem .4rem .1rem 1.2rem;position:relative}.form-checkbox input,.form-radio input,.form-switch input{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.form-checkbox input:focus+.form-icon,.form-radio input:focus+.form-icon,.form-switch input:focus+.form-icon{border-color:#5755d9;box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.form-checkbox input:checked+.form-icon,.form-radio input:checked+.form-icon,.form-switch input:checked+.form-icon{background:#5755d9;border-color:#5755d9}.form-checkbox .form-icon,.form-radio .form-icon,.form-switch .form-icon{border:.05rem solid #8c8c8c;cursor:pointer;display:inline-block;position:absolute;transition:background .2s,border .2s,box-shadow .2s,color .2s}.form-checkbox.input-sm,.form-radio.input-sm,.form-switch.input-sm{font-size:.7rem;margin:0}.form-checkbox.input-lg,.form-radio.input-lg,.form-switch.input-lg{font-size:.9rem;margin:.3rem 0}.form-checkbox .form-icon,.form-radio .form-icon{background:#000;height:.8rem;left:0;top:.3rem;width:.8rem}.form-checkbox input:active+.form-icon,.form-radio input:active+.form-icon{background:#050505}.form-checkbox .form-icon{border-radius:.1rem}.form-checkbox input:checked+.form-icon::before{background-clip:padding-box;border:.1rem solid #000;border-left-width:0;border-top-width:0;content:"";height:9px;left:50%;margin-left:-3px;margin-top:-6px;position:absolute;top:50%;transform:rotate(45deg);width:6px}.form-checkbox input:indeterminate+.form-icon{background:#5755d9;border-color:#5755d9}.form-checkbox input:indeterminate+.form-icon::before{background:#000;content:"";height:2px;left:50%;margin-left:-5px;margin-top:-1px;position:absolute;top:50%;width:10px}.form-radio .form-icon{border-radius:50%}.form-radio input:checked+.form-icon::before{background:#000;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.form-switch{padding-left:2rem}.form-switch .form-icon{background:#8c8c8c;background-clip:padding-box;border-radius:.45rem;height:.9rem;left:0;top:.25rem;width:1.6rem}.form-switch .form-icon::before{background:#000;border-radius:50%;content:"";display:block;height:.8rem;left:0;position:absolute;top:0;transition:background .2s,border .2s,box-shadow .2s,color .2s,left .2s;width:.8rem}.form-switch input:checked+.form-icon::before{left:14px}.form-switch input:active+.form-icon::before{background:#0d0d0d}.input-group{display:-ms-flexbox;display:flex}.input-group .input-group-addon{background:#0d0d0d;border:.05rem solid #8c8c8c;border-radius:.1rem;line-height:1.2rem;padding:.25rem .4rem;white-space:nowrap}.input-group .input-group-addon.addon-sm{font-size:.7rem;padding:.05rem .3rem}.input-group .input-group-addon.addon-lg{font-size:.9rem;padding:.35rem .6rem}.input-group .form-input,.input-group .form-select{-ms-flex:1 1 auto;flex:1 1 auto;width:1%}.input-group .input-group-btn{z-index:1}.input-group .form-input:first-child:not(:last-child),.input-group .form-select:first-child:not(:last-child),.input-group .input-group-addon:first-child:not(:last-child),.input-group .input-group-btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.input-group .form-input:not(:first-child):not(:last-child),.input-group .form-select:not(:first-child):not(:last-child),.input-group .input-group-addon:not(:first-child):not(:last-child),.input-group .input-group-btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.05rem}.input-group .form-input:last-child:not(:first-child),.input-group .form-select:last-child:not(:first-child),.input-group .input-group-addon:last-child:not(:first-child),.input-group .input-group-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.05rem}.input-group .form-input:focus,.input-group .form-select:focus,.input-group .input-group-addon:focus,.input-group .input-group-btn:focus{z-index:2}.input-group .form-select{width:auto}.input-group.input-inline{display:-ms-inline-flexbox;display:inline-flex}.form-input.is-success,.form-select.is-success,.has-success .form-input,.has-success .form-select{background:#f9fdfa;border-color:#32b643}.form-input.is-success:focus,.form-select.is-success:focus,.has-success .form-input:focus,.has-success .form-select:focus{box-shadow:0 0 0 .1rem rgba(50,182,67,.2)}.form-input.is-error,.form-select.is-error,.has-error .form-input,.has-error .form-select{background:#fffaf7;border-color:#e85600}.form-input.is-error:focus,.form-select.is-error:focus,.has-error .form-input:focus,.has-error .form-select:focus{box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-checkbox.is-error .form-icon,.form-radio.is-error .form-icon,.form-switch.is-error .form-icon,.has-error .form-checkbox .form-icon,.has-error .form-radio .form-icon,.has-error .form-switch .form-icon{border-color:#e85600}.form-checkbox.is-error input:checked+.form-icon,.form-radio.is-error input:checked+.form-icon,.form-switch.is-error input:checked+.form-icon,.has-error .form-checkbox input:checked+.form-icon,.has-error .form-radio input:checked+.form-icon,.has-error .form-switch input:checked+.form-icon{background:#e85600;border-color:#e85600}.form-checkbox.is-error input:focus+.form-icon,.form-radio.is-error input:focus+.form-icon,.form-switch.is-error input:focus+.form-icon,.has-error .form-checkbox input:focus+.form-icon,.has-error .form-radio input:focus+.form-icon,.has-error .form-switch input:focus+.form-icon{border-color:#e85600;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-checkbox.is-error input:indeterminate+.form-icon,.has-error .form-checkbox input:indeterminate+.form-icon{background:#e85600;border-color:#e85600}.form-input:not(:placeholder-shown):invalid{border-color:#e85600}.form-input:not(:placeholder-shown):invalid:focus{background:#fffaf7;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-input:not(:placeholder-shown):invalid+.form-input-hint{color:#e85600}.form-input.disabled,.form-input:disabled,.form-select.disabled,.form-select:disabled{background-color:#050505;cursor:not-allowed;opacity:.5}.form-input[readonly]{background-color:#0d0d0d}input.disabled+.form-icon,input:disabled+.form-icon{background:#050505;cursor:not-allowed;opacity:.5}.form-switch input.disabled+.form-icon::before,.form-switch input:disabled+.form-icon::before{background:#000}.form-horizontal{padding:.4rem 0}.form-horizontal .form-group{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.form-inline{display:inline-block}.label{background:#050505;border-radius:.1rem;color:#fff;display:inline-block;line-height:1.25;padding:.1rem .2rem}.label.label-rounded{border-radius:5rem;padding-left:.4rem;padding-right:.4rem}.label.label-primary{background:#5755d9;color:#000}.label.label-secondary{background:#f1f1fc;color:#5755d9}.label.label-success{background:#32b643;color:#000}.label.label-warning{background:#ffb700;color:#000}.label.label-error{background:#e85600;color:#000}code{background:#fcf2f2;border-radius:.1rem;color:#d73e48;font-size:85%;line-height:1.25;padding:.1rem .2rem}.code{border-radius:.1rem;color:#fff;position:relative}.code::before{color:#8c8c8c;content:attr(data-lang);font-size:.7rem;position:absolute;right:.4rem;top:.1rem}.code code{background:#0d0d0d;color:inherit;display:block;line-height:1.5;overflow-x:auto;padding:1rem;width:100%}.img-responsive{display:block;height:auto;max-width:100%}.img-fit-cover{object-fit:cover}.img-fit-contain{object-fit:contain}.video-responsive{display:block;overflow:hidden;padding:0;position:relative;width:100%}.video-responsive::before{content:"";display:block;padding-bottom:56.25%}.video-responsive embed,.video-responsive iframe,.video-responsive object{border:0;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}video.video-responsive{height:auto;max-width:100%}video.video-responsive::before{content:none}.video-responsive-4-3::before{padding-bottom:75%}.video-responsive-1-1::before{padding-bottom:100%}.figure{margin:0 0 .4rem 0}.figure .figure-caption{color:#404040;margin-top:.4rem}.container{margin-left:auto;margin-right:auto;padding-left:.4rem;padding-right:.4rem;width:100%}.container.grid-xl{max-width:1296px}.container.grid-lg{max-width:976px}.container.grid-md{max-width:856px}.container.grid-sm{max-width:616px}.container.grid-xs{max-width:496px}.show-lg,.show-md,.show-sm,.show-xl,.show-xs{display:none!important}.columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-.4rem;margin-right:-.4rem}.columns.col-gapless{margin-left:0;margin-right:0}.columns.col-gapless>.column{padding-left:0;padding-right:0}.columns.col-oneline{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}.column{-ms-flex:1;flex:1;max-width:100%;padding-left:.4rem;padding-right:.4rem}.column.col-1,.column.col-10,.column.col-11,.column.col-12,.column.col-2,.column.col-3,.column.col-4,.column.col-5,.column.col-6,.column.col-7,.column.col-8,.column.col-9,.column.col-auto{-ms-flex:none;flex:none}.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-mx-auto{margin-left:auto;margin-right:auto}.col-ml-auto{margin-left:auto}.col-mr-auto{margin-right:auto}@media (max-width:1280px){.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{-ms-flex:none;flex:none}.col-xl-12{width:100%}.col-xl-11{width:91.66666667%}.col-xl-10{width:83.33333333%}.col-xl-9{width:75%}.col-xl-8{width:66.66666667%}.col-xl-7{width:58.33333333%}.col-xl-6{width:50%}.col-xl-5{width:41.66666667%}.col-xl-4{width:33.33333333%}.col-xl-3{width:25%}.col-xl-2{width:16.66666667%}.col-xl-1{width:8.33333333%}.col-xl-auto{width:auto}.hide-xl{display:none!important}.show-xl{display:block!important}}@media (max-width:960px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto{-ms-flex:none;flex:none}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-auto{width:auto}.hide-lg{display:none!important}.show-lg{display:block!important}}@media (max-width:840px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto{-ms-flex:none;flex:none}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-auto{width:auto}.hide-md{display:none!important}.show-md{display:block!important}}@media (max-width:600px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto{-ms-flex:none;flex:none}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-auto{width:auto}.hide-sm{display:none!important}.show-sm{display:block!important}}@media (max-width:480px){.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-auto{-ms-flex:none;flex:none}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-auto{width:auto}.hide-xs{display:none!important}.show-xs{display:block!important}}.hero{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:4rem;padding-top:4rem}.hero.hero-sm{padding-bottom:2rem;padding-top:2rem}.hero.hero-lg{padding-bottom:8rem;padding-top:8rem}.hero .hero-body{padding:.4rem}.navbar{align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;-ms-flex-pack:justify;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}.navbar .navbar-section{align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 0 0;flex:1 0 0;-ms-flex-align:center}.navbar .navbar-section:not(:first-child):last-child{-ms-flex-pack:end;justify-content:flex-end}.navbar .navbar-center{align-items:center;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center}.navbar .navbar-brand{font-size:.9rem;text-decoration:none}.accordion input:checked~.accordion-header .icon,.accordion[open] .accordion-header .icon{transform:rotate(90deg)}.accordion input:checked~.accordion-body,.accordion[open] .accordion-body{max-height:50rem}.accordion .accordion-header{display:block;padding:.2rem .4rem}.accordion .accordion-header .icon{transition:transform .25s}.accordion .accordion-body{margin-bottom:.4rem;max-height:0;overflow:hidden;transition:max-height .25s}summary.accordion-header::-webkit-details-marker{display:none}.avatar{background:#5755d9;border-radius:50%;color:rgba(0,0,0,.85);display:inline-block;font-size:.8rem;font-weight:300;height:1.6rem;line-height:1.25;margin:0;position:relative;vertical-align:middle;width:1.6rem}.avatar.avatar-xs{font-size:.4rem;height:.8rem;width:.8rem}.avatar.avatar-sm{font-size:.6rem;height:1.2rem;width:1.2rem}.avatar.avatar-lg{font-size:1.2rem;height:2.4rem;width:2.4rem}.avatar.avatar-xl{font-size:1.6rem;height:3.2rem;width:3.2rem}.avatar img{border-radius:50%;height:100%;position:relative;width:100%;z-index:1}.avatar .avatar-icon,.avatar .avatar-presence{background:#000;bottom:14.64%;height:50%;padding:.1rem;position:absolute;right:14.64%;transform:translate(50%,50%);width:50%;z-index:2}.avatar .avatar-presence{background:#8c8c8c;border-radius:50%;box-shadow:0 0 0 .1rem #000;height:.5em;width:.5em}.avatar .avatar-presence.online{background:#32b643}.avatar .avatar-presence.busy{background:#e85600}.avatar .avatar-presence.away{background:#ffb700}.avatar[data-initial]::before{color:currentColor;content:attr(data-initial);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.badge{position:relative;white-space:nowrap}.badge:not([data-badge])::after,.badge[data-badge]::after{background:#5755d9;background-clip:padding-box;border-radius:.5rem;box-shadow:0 0 0 .1rem #000;color:#000;content:attr(data-badge);display:inline-block;transform:translate(-.05rem,-.5rem)}.badge[data-badge]::after{font-size:.7rem;height:.9rem;line-height:1;min-width:.9rem;padding:.1rem .2rem;text-align:center;white-space:nowrap}.badge:not([data-badge])::after,.badge[data-badge=""]::after{height:6px;min-width:6px;padding:0;width:6px}.badge.btn::after{position:absolute;right:0;top:0;transform:translate(50%,-50%)}.badge.avatar::after{position:absolute;right:14.64%;top:14.64%;transform:translate(50%,-50%);z-index:100}.breadcrumb{list-style:none;margin:.2rem 0;padding:.2rem 0}.breadcrumb .breadcrumb-item{color:#404040;display:inline-block;margin:0;padding:.2rem 0}.breadcrumb .breadcrumb-item:not(:last-child){margin-right:.2rem}.breadcrumb .breadcrumb-item:not(:last-child) a{color:#404040}.breadcrumb .breadcrumb-item:not(:first-child)::before{color:#404040;content:"/";padding-right:.4rem}.bar{background:#050505;border-radius:.1rem;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:.8rem;width:100%}.bar.bar-sm{height:.2rem}.bar .bar-item{background:#5755d9;color:#000;display:block;-ms-flex-negative:0;flex-shrink:0;font-size:.7rem;height:100%;line-height:.8rem;position:relative;text-align:center;width:0}.bar .bar-item:first-child{border-bottom-left-radius:.1rem;border-top-left-radius:.1rem}.bar .bar-item:last-child{border-bottom-right-radius:.1rem;border-top-right-radius:.1rem;-ms-flex-negative:1;flex-shrink:1}.bar-slider{height:.1rem;margin:.4rem 0;position:relative}.bar-slider .bar-item{left:0;padding:0;position:absolute}.bar-slider .bar-item:not(:last-child):first-child{background:#050505;z-index:1}.bar-slider .bar-slider-btn{background:#5755d9;border:0;border-radius:50%;height:.6rem;padding:0;position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:.6rem}.bar-slider .bar-slider-btn:active{box-shadow:0 0 0 .1rem #5755d9}.card{background:#000;border:.05rem solid #a6a6a6;border-radius:.1rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card .card-body,.card .card-footer,.card .card-header{padding:.8rem;padding-bottom:0}.card .card-body:last-child,.card .card-footer:last-child,.card .card-header:last-child{padding-bottom:.8rem}.card .card-body{-ms-flex:1 1 auto;flex:1 1 auto}.card .card-image{padding-top:.8rem}.card .card-image:first-child{padding-top:0}.card .card-image:first-child img{border-top-left-radius:.1rem;border-top-right-radius:.1rem}.card .card-image:last-child img{border-bottom-left-radius:.1rem;border-bottom-right-radius:.1rem}.chip{align-items:center;background:#050505;border-radius:5rem;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;font-size:90%;height:1.2rem;line-height:.8rem;margin:.1rem;max-width:320px;overflow:hidden;padding:.2rem .4rem;text-decoration:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.chip.active{background:#5755d9;color:#000}.chip .avatar{margin-left:-.4rem;margin-right:.2rem}.chip .btn-clear{border-radius:50%;transform:scale(.75)}.dropdown{display:inline-block;position:relative}.dropdown .menu{animation:slide-down .15s ease 1;display:none;left:0;max-height:50vh;overflow-y:auto;position:absolute;top:100%}.dropdown.dropdown-right .menu{left:auto;right:0}.dropdown .dropdown-toggle:focus+.menu,.dropdown .menu:hover,.dropdown.active .menu{display:block}.dropdown .btn-group .dropdown-toggle:nth-last-child(2){border-bottom-right-radius:.1rem;border-top-right-radius:.1rem}.empty{background:#0d0d0d;border-radius:.1rem;color:#404040;padding:3.2rem 1.6rem;text-align:center}.empty .empty-icon{margin-bottom:.8rem}.empty .empty-subtitle,.empty .empty-title{margin:.4rem auto}.empty .empty-action{margin-top:.8rem}.menu{background:#000;border-radius:.1rem;box-shadow:0 .05rem .2rem rgba(0,0,0,.3);list-style:none;margin:0;min-width:180px;padding:.4rem;transform:translateY(.2rem);z-index:300}.menu.menu-nav{background:0 0;box-shadow:none}.menu .menu-item{margin-top:0;padding:0 .4rem;position:relative;text-decoration:none}.menu .menu-item>a{border-radius:.1rem;color:inherit;display:block;margin:0 -.4rem;padding:.2rem .4rem;text-decoration:none}.menu .menu-item>a:focus,.menu .menu-item>a:hover{background:#f1f1fc;color:#5755d9}.menu .menu-item>a.active,.menu .menu-item>a:active{background:#f1f1fc;color:#5755d9}.menu .menu-item .form-checkbox,.menu .menu-item .form-radio,.menu .menu-item .form-switch{margin:.1rem 0}.menu .menu-item+.menu-item{margin-top:.2rem}.menu .menu-badge{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;height:100%;position:absolute;right:0;top:0}.menu .menu-badge .label{margin-right:.4rem}.modal{align-items:center;bottom:0;display:none;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center;left:0;opacity:0;overflow:hidden;padding:.4rem;position:fixed;right:0;top:0}.modal.active,.modal:target{display:-ms-flexbox;display:flex;opacity:1;z-index:400}.modal.active .modal-overlay,.modal:target .modal-overlay{background:rgba(13,13,13,.75);bottom:0;cursor:default;display:block;left:0;position:absolute;right:0;top:0}.modal.active .modal-container,.modal:target .modal-container{animation:slide-down .2s ease 1;z-index:1}.modal.modal-sm .modal-container{max-width:320px;padding:0 .4rem}.modal.modal-lg .modal-overlay{background:#000}.modal.modal-lg .modal-container{box-shadow:none;max-width:960px}.modal-container{background:#000;border-radius:.1rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.3);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:75vh;max-width:640px;padding:0 .8rem;width:100%}.modal-container.modal-fullheight{max-height:100vh}.modal-container .modal-header{color:#000;padding:.8rem}.modal-container .modal-body{overflow-y:auto;padding:.8rem;position:relative}.modal-container .modal-footer{padding:.8rem;text-align:right}.nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;list-style:none;margin:.2rem 0}.nav .nav-item a{color:#404040;padding:.2rem .4rem;text-decoration:none}.nav .nav-item a:focus,.nav .nav-item a:hover{color:#5755d9}.nav .nav-item.active>a{color:#262626;font-weight:700}.nav .nav-item.active>a:focus,.nav .nav-item.active>a:hover{color:#5755d9}.nav .nav{margin-bottom:.4rem;margin-left:.8rem}.pagination{display:-ms-flexbox;display:flex;list-style:none;margin:.2rem 0;padding:.2rem 0}.pagination .page-item{margin:.2rem .05rem}.pagination .page-item span{display:inline-block;padding:.2rem .2rem}.pagination .page-item a{border-radius:.1rem;display:inline-block;padding:.2rem .4rem;text-decoration:none}.pagination .page-item a:focus,.pagination .page-item a:hover{color:#5755d9}.pagination .page-item.disabled a{cursor:default;opacity:.5;pointer-events:none}.pagination .page-item.active a{background:#5755d9;color:#000}.pagination .page-item.page-next,.pagination .page-item.page-prev{-ms-flex:1 0 50%;flex:1 0 50%}.pagination .page-item.page-next{text-align:right}.pagination .page-item .page-item-title{margin:0}.pagination .page-item .page-item-subtitle{margin:0;opacity:.5}.panel{border:.05rem solid #a6a6a6;border-radius:.1rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.panel .panel-footer,.panel .panel-header{-ms-flex:0 0 auto;flex:0 0 auto;padding:.8rem}.panel .panel-nav{-ms-flex:0 0 auto;flex:0 0 auto}.panel .panel-body{-ms-flex:1 1 auto;flex:1 1 auto;overflow-y:auto;padding:0 .8rem}.popover{display:inline-block;position:relative}.popover .popover-container{left:50%;opacity:0;padding:.4rem;position:absolute;top:0;transform:translate(-50%,-50%) scale(0);transition:transform .2s;width:320px;z-index:300}.popover :focus+.popover-container,.popover:hover .popover-container{display:block;opacity:1;transform:translate(-50%,-100%) scale(1)}.popover.popover-right .popover-container{left:100%;top:50%}.popover.popover-right :focus+.popover-container,.popover.popover-right:hover .popover-container{transform:translate(0,-50%) scale(1)}.popover.popover-bottom .popover-container{left:50%;top:100%}.popover.popover-bottom :focus+.popover-container,.popover.popover-bottom:hover .popover-container{transform:translate(-50%,0) scale(1)}.popover.popover-left .popover-container{left:0;top:50%}.popover.popover-left :focus+.popover-container,.popover.popover-left:hover .popover-container{transform:translate(-100%,-50%) scale(1)}.popover .card{border:0;box-shadow:0 .2rem .5rem rgba(0,0,0,.3)}.step{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;list-style:none;margin:.2rem 0;width:100%}.step .step-item{-ms-flex:1 1 0;flex:1 1 0;margin-top:0;min-height:1rem;position:relative;text-align:center}.step .step-item:not(:first-child)::before{background:#5755d9;content:"";height:2px;left:-50%;position:absolute;top:9px;width:100%}.step .step-item a{color:#5755d9;display:inline-block;padding:20px 10px 0;text-decoration:none}.step .step-item a::before{background:#5755d9;border:.1rem solid #000;border-radius:50%;content:"";display:block;height:.6rem;left:50%;position:absolute;top:.2rem;transform:translateX(-50%);width:.6rem;z-index:1}.step .step-item.active a::before{background:#000;border:.1rem solid #5755d9}.step .step-item.active~.step-item::before{background:#a6a6a6}.step .step-item.active~.step-item a{color:#8c8c8c}.step .step-item.active~.step-item a::before{background:#a6a6a6}.tab{align-items:center;border-bottom:.05rem solid #a6a6a6;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:.2rem 0 .15rem 0}.tab .tab-item{margin-top:0}.tab .tab-item a{border-bottom:.1rem solid transparent;color:inherit;display:block;margin:0 .4rem 0 0;padding:.4rem .2rem .3rem .2rem;text-decoration:none}.tab .tab-item a:focus,.tab .tab-item a:hover{color:#5755d9}.tab .tab-item a.active,.tab .tab-item.active a{border-bottom-color:#5755d9;color:#5755d9}.tab .tab-item.tab-action{-ms-flex:1 0 auto;flex:1 0 auto;text-align:right}.tab .tab-item .btn-clear{margin-top:-.2rem}.tab.tab-block .tab-item{-ms-flex:1 0 0;flex:1 0 0;text-align:center}.tab.tab-block .tab-item a{margin:0}.tab.tab-block .tab-item .badge[data-badge]::after{position:absolute;right:.1rem;top:.1rem;transform:translate(0,0)}.tab:not(.tab-block) .badge{padding-right:0}.tile{align-content:space-between;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-align:start;-ms-flex-line-pack:justify}.tile .tile-action,.tile .tile-icon{-ms-flex:0 0 auto;flex:0 0 auto}.tile .tile-content{-ms-flex:1 1 auto;flex:1 1 auto}.tile .tile-content:not(:first-child){padding-left:.4rem}.tile .tile-content:not(:last-child){padding-right:.4rem}.tile .tile-subtitle,.tile .tile-title{line-height:1.2rem}.tile.tile-centered{align-items:center;-ms-flex-align:center}.tile.tile-centered .tile-content{overflow:hidden}.tile.tile-centered .tile-subtitle,.tile.tile-centered .tile-title{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast{background:rgba(0,0,0,.95);border:.05rem solid #000;border-color:#000;border-radius:.1rem;color:#000;display:block;padding:.4rem;width:100%}.toast.toast-primary{background:rgba(87,85,217,.95);border-color:#5755d9}.toast.toast-success{background:rgba(50,182,67,.95);border-color:#32b643}.toast.toast-warning{background:rgba(255,183,0,.95);border-color:#ffb700}.toast.toast-error{background:rgba(232,86,0,.95);border-color:#e85600}.toast a{color:#000;text-decoration:underline}.toast a.active,.toast a:active,.toast a:focus,.toast a:hover{opacity:.75}.toast .btn-clear{margin:.1rem}.toast p:last-child{margin-bottom:0}.tooltip{position:relative}.tooltip::after{background:rgba(0,0,0,.95);border-radius:.1rem;bottom:100%;color:#000;content:attr(data-tooltip);display:block;font-size:.7rem;left:50%;max-width:320px;opacity:0;overflow:hidden;padding:.2rem .4rem;pointer-events:none;position:absolute;text-overflow:ellipsis;transform:translate(-50%,.4rem);transition:opacity .2s,transform .2s;white-space:pre;z-index:300}.tooltip:focus::after,.tooltip:hover::after{opacity:1;transform:translate(-50%,-.2rem)}.tooltip.disabled,.tooltip[disabled]{pointer-events:auto}.tooltip.tooltip-right::after{bottom:50%;left:100%;transform:translate(-.2rem,50%)}.tooltip.tooltip-right:focus::after,.tooltip.tooltip-right:hover::after{transform:translate(.2rem,50%)}.tooltip.tooltip-bottom::after{bottom:auto;top:100%;transform:translate(-50%,-.4rem)}.tooltip.tooltip-bottom:focus::after,.tooltip.tooltip-bottom:hover::after{transform:translate(-50%,.2rem)}.tooltip.tooltip-left::after{bottom:50%;left:auto;right:100%;transform:translate(.4rem,50%)}.tooltip.tooltip-left:focus::after,.tooltip.tooltip-left:hover::after{transform:translate(-.2rem,50%)}@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-1.6rem)}100%{opacity:1;transform:translateY(0)}}.text-primary{color:#5755d9!important}a.text-primary:focus,a.text-primary:hover{color:#4240d4}a.text-primary:visited{color:#6c6ade}.text-secondary{color:#e5e5f9!important}a.text-secondary:focus,a.text-secondary:hover{color:#d1d0f4}a.text-secondary:visited{color:#fafafe}.text-gray{color:#8c8c8c!important}a.text-gray:focus,a.text-gray:hover{color:#807f7f}a.text-gray:visited{color:#999}.text-light{color:#000!important}a.text-light:focus,a.text-light:hover{color:#000}a.text-light:visited{color:#0d0d0d}.text-dark{color:#fff!important}a.text-dark:focus,a.text-dark:hover{color:#f2f2f2}a.text-dark:visited{color:#fff}.text-success{color:#32b643!important}a.text-success:focus,a.text-success:hover{color:#2da23c}a.text-success:visited{color:#39c94b}.text-warning{color:#ffb700!important}a.text-warning:focus,a.text-warning:hover{color:#e6a500}a.text-warning:visited{color:#ffbe1a}.text-error{color:#e85600!important}a.text-error:focus,a.text-error:hover{color:#cf4d00}a.text-error:visited{color:#ff6003}.bg-primary{background:#5755d9!important}.bg-secondary{background:#f1f1fc!important}.bg-dark{background:#000!important;color:#000}.bg-gray{background:#0d0d0d!important}.bg-success{background:#32b643!important}.bg-warning{background:#ffb700!important}.bg-error{background:#e85600!important}.c-hand{cursor:pointer}.c-move{cursor:move}.c-zoom-in{cursor:zoom-in}.c-zoom-out{cursor:zoom-out}.c-not-allowed{cursor:not-allowed}.c-auto{cursor:auto}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:-ms-flexbox;display:flex}.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.d-hide,.d-none{display:none!important}.d-visible{visibility:visible}.d-invisible{visibility:hidden}.text-hide{background:0 0;border:0;color:transparent;font-size:0;line-height:0;text-shadow:none}.text-assistive{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.divider,.divider-vert{display:block;position:relative}.divider-vert[data-content]::after,.divider[data-content]::after{background:#000;color:#8c8c8c;content:attr(data-content);display:inline-block;font-size:.7rem;padding:0 .4rem;transform:translateY(-.65rem)}.divider{border-top:.05rem solid #bababa;height:.05rem;margin:.4rem 0}.divider[data-content]{margin:.8rem 0}.divider-vert{display:block;padding:.8rem}.divider-vert::before{border-left:.05rem solid #a6a6a6;bottom:.4rem;content:"";display:block;left:50%;position:absolute;top:.4rem;transform:translateX(-50%)}.divider-vert[data-content]::after{left:50%;padding:.2rem 0;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading{color:transparent!important;min-height:.8rem;pointer-events:none;position:relative}.loading::after{animation:loading .5s infinite linear;border:.1rem solid #5755d9;border-radius:50%;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:.8rem;left:50%;margin-left:-.4rem;margin-top:-.4rem;position:absolute;top:50%;width:.8rem;z-index:1}.loading.loading-lg{min-height:2rem}.loading.loading-lg::after{height:1.6rem;margin-left:-.8rem;margin-top:-.8rem;width:1.6rem}.clearfix::after{clear:both;content:"";display:table}.float-left{float:left!important}.float-right{float:right!important}.p-relative{position:relative!important}.p-absolute{position:absolute!important}.p-fixed{position:fixed!important}.p-sticky{position:-webkit-sticky!important;position:sticky!important}.p-centered{display:block;float:none;margin-left:auto;margin-right:auto}.flex-centered{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center}.m-0{margin:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mr-0{margin-right:0!important}.mt-0{margin-top:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.my-0{margin-bottom:0!important;margin-top:0!important}.m-1{margin:.2rem!important}.mb-1{margin-bottom:.2rem!important}.ml-1{margin-left:.2rem!important}.mr-1{margin-right:.2rem!important}.mt-1{margin-top:.2rem!important}.mx-1{margin-left:.2rem!important;margin-right:.2rem!important}.my-1{margin-bottom:.2rem!important;margin-top:.2rem!important}.m-2{margin:.4rem!important}.mb-2{margin-bottom:.4rem!important}.ml-2{margin-left:.4rem!important}.mr-2{margin-right:.4rem!important}.mt-2{margin-top:.4rem!important}.mx-2{margin-left:.4rem!important;margin-right:.4rem!important}.my-2{margin-bottom:.4rem!important;margin-top:.4rem!important}.p-0{padding:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.pt-0{padding-top:0!important}.px-0{padding-left:0!important;padding-right:0!important}.py-0{padding-bottom:0!important;padding-top:0!important}.p-1{padding:.2rem!important}.pb-1{padding-bottom:.2rem!important}.pl-1{padding-left:.2rem!important}.pr-1{padding-right:.2rem!important}.pt-1{padding-top:.2rem!important}.px-1{padding-left:.2rem!important;padding-right:.2rem!important}.py-1{padding-bottom:.2rem!important;padding-top:.2rem!important}.p-2{padding:.4rem!important}.pb-2{padding-bottom:.4rem!important}.pl-2{padding-left:.4rem!important}.pr-2{padding-right:.4rem!important}.pt-2{padding-top:.4rem!important}.px-2{padding-left:.4rem!important;padding-right:.4rem!important}.py-2{padding-bottom:.4rem!important;padding-top:.4rem!important}.s-rounded{border-radius:.1rem}.s-circle{border-radius:50%}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-normal{font-weight:400}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-large{font-size:1.2em}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clip{overflow:hidden;text-overflow:clip;white-space:nowrap}.text-break{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-break:break-word;word-wrap:break-word}/*! Spectre.css Experimentals v0.5.8 | MIT License | github.com/picturepan2/spectre */.form-autocomplete{position:relative}.form-autocomplete .form-autocomplete-input{align-content:flex-start;display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;-ms-flex-wrap:wrap;flex-wrap:wrap;height:auto;min-height:1.6rem;padding:.1rem}.form-autocomplete .form-autocomplete-input.is-focused{border-color:#5755d9;box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.form-autocomplete .form-autocomplete-input .form-input{border-color:transparent;box-shadow:none;display:inline-block;-ms-flex:1 0 auto;flex:1 0 auto;height:1.2rem;line-height:.8rem;margin:.1rem;width:auto}.form-autocomplete .menu{left:0;position:absolute;top:100%;width:100%}.form-autocomplete.autocomplete-oneline .form-autocomplete-input{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}.form-autocomplete.autocomplete-oneline .chip{-ms-flex:1 0 auto;flex:1 0 auto}.calendar{border:.05rem solid #a6a6a6;border-radius:.1rem;display:block;min-width:280px}.calendar .calendar-nav{align-items:center;background:#0d0d0d;border-top-left-radius:.1rem;border-top-right-radius:.1rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;font-size:.9rem;padding:.4rem}.calendar .calendar-body,.calendar .calendar-header{display:-ms-flexbox;display:flex;-ms-flex-pack:center;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;padding:.4rem 0}.calendar .calendar-body .calendar-date,.calendar .calendar-header .calendar-date{-ms-flex:0 0 14.28%;flex:0 0 14.28%;max-width:14.28%}.calendar .calendar-header{background:#0d0d0d;border-bottom:.05rem solid #a6a6a6;color:#8c8c8c;font-size:.7rem;text-align:center}.calendar .calendar-body{color:#404040}.calendar .calendar-date{border:0;padding:.2rem}.calendar .calendar-date .date-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:.05rem solid transparent;border-radius:50%;color:#404040;cursor:pointer;font-size:.7rem;height:1.4rem;line-height:1rem;outline:0;padding:.1rem;position:relative;text-align:center;text-decoration:none;transition:background .2s,border .2s,box-shadow .2s,color .2s;vertical-align:middle;white-space:nowrap;width:1.4rem}.calendar .calendar-date .date-item.date-today{border-color:#e5e5f9;color:#5755d9}.calendar .calendar-date .date-item:focus{box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.calendar .calendar-date .date-item:focus,.calendar .calendar-date .date-item:hover{background:#fefeff;border-color:#e5e5f9;color:#5755d9;text-decoration:none}.calendar .calendar-date .date-item.active,.calendar .calendar-date .date-item:active{background:#4b48d6;border-color:#3634d2;color:#000}.calendar .calendar-date .date-item.badge::after{position:absolute;right:3px;top:3px;transform:translate(50%,-50%)}.calendar .calendar-date .calendar-event.disabled,.calendar .calendar-date .calendar-event:disabled,.calendar .calendar-date .date-item.disabled,.calendar .calendar-date .date-item:disabled{cursor:default;opacity:.25;pointer-events:none}.calendar .calendar-date.next-month .calendar-event,.calendar .calendar-date.next-month .date-item,.calendar .calendar-date.prev-month .calendar-event,.calendar .calendar-date.prev-month .date-item{opacity:.25}.calendar .calendar-range{position:relative}.calendar .calendar-range::before{background:#f1f1fc;content:"";height:1.4rem;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.calendar .calendar-range.range-start::before{left:50%}.calendar .calendar-range.range-end::before{right:50%}.calendar .calendar-range.range-end .date-item,.calendar .calendar-range.range-start .date-item{background:#4b48d6;border-color:#3634d2;color:#000}.calendar .calendar-range .date-item{color:#5755d9}.calendar.calendar-lg .calendar-body{padding:0}.calendar.calendar-lg .calendar-body .calendar-date{border-bottom:.05rem solid #a6a6a6;border-right:.05rem solid #a6a6a6;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:5.5rem;padding:0}.calendar.calendar-lg .calendar-body .calendar-date:nth-child(7n){border-right:0}.calendar.calendar-lg .calendar-body .calendar-date:nth-last-child(-n+7){border-bottom:0}.calendar.calendar-lg .date-item{align-self:flex-end;-ms-flex-item-align:end;height:1.4rem;margin-right:.2rem;margin-top:.2rem}.calendar.calendar-lg .calendar-range::before{top:19px}.calendar.calendar-lg .calendar-range.range-start::before{left:auto;width:19px}.calendar.calendar-lg .calendar-range.range-end::before{right:19px}.calendar.calendar-lg .calendar-events{flex-grow:1;-ms-flex-positive:1;line-height:1;overflow-y:auto;padding:.2rem}.calendar.calendar-lg .calendar-event{border-radius:.1rem;display:block;font-size:.7rem;margin:.1rem auto;overflow:hidden;padding:3px 4px;text-overflow:ellipsis;white-space:nowrap}.carousel .carousel-locator:nth-of-type(1):checked~.carousel-container .carousel-item:nth-of-type(1),.carousel .carousel-locator:nth-of-type(2):checked~.carousel-container .carousel-item:nth-of-type(2),.carousel .carousel-locator:nth-of-type(3):checked~.carousel-container .carousel-item:nth-of-type(3),.carousel .carousel-locator:nth-of-type(4):checked~.carousel-container .carousel-item:nth-of-type(4),.carousel .carousel-locator:nth-of-type(5):checked~.carousel-container .carousel-item:nth-of-type(5),.carousel .carousel-locator:nth-of-type(6):checked~.carousel-container .carousel-item:nth-of-type(6),.carousel .carousel-locator:nth-of-type(7):checked~.carousel-container .carousel-item:nth-of-type(7),.carousel .carousel-locator:nth-of-type(8):checked~.carousel-container .carousel-item:nth-of-type(8){animation:carousel-slidein .75s ease-in-out 1;opacity:1;z-index:100}.carousel .carousel-locator:nth-of-type(1):checked~.carousel-nav .nav-item:nth-of-type(1),.carousel .carousel-locator:nth-of-type(2):checked~.carousel-nav .nav-item:nth-of-type(2),.carousel .carousel-locator:nth-of-type(3):checked~.carousel-nav .nav-item:nth-of-type(3),.carousel .carousel-locator:nth-of-type(4):checked~.carousel-nav .nav-item:nth-of-type(4),.carousel .carousel-locator:nth-of-type(5):checked~.carousel-nav .nav-item:nth-of-type(5),.carousel .carousel-locator:nth-of-type(6):checked~.carousel-nav .nav-item:nth-of-type(6),.carousel .carousel-locator:nth-of-type(7):checked~.carousel-nav .nav-item:nth-of-type(7),.carousel .carousel-locator:nth-of-type(8):checked~.carousel-nav .nav-item:nth-of-type(8){color:#bfbfbf}.carousel{background:#0d0d0d;display:block;overflow:hidden;-webkit-overflow-scrolling:touch;position:relative;width:100%;z-index:1}.carousel .carousel-container{height:100%;left:0;position:relative}.carousel .carousel-container::before{content:"";display:block;padding-bottom:56.25%}.carousel .carousel-container .carousel-item{animation:carousel-slideout 1s ease-in-out 1;height:100%;left:0;margin:0;opacity:0;position:absolute;top:0;width:100%}.carousel .carousel-container .carousel-item:hover .item-next,.carousel .carousel-container .carousel-item:hover .item-prev{opacity:1}.carousel .carousel-container .item-next,.carousel .carousel-container .item-prev{background:rgba(191,191,191,.25);border-color:rgba(191,191,191,.5);color:#bfbfbf;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .4s;z-index:100}.carousel .carousel-container .item-prev{left:1rem}.carousel .carousel-container .item-next{right:1rem}.carousel .carousel-nav{bottom:.4rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:10rem;z-index:100}.carousel .carousel-nav .nav-item{color:rgba(191,191,191,.5);display:block;-ms-flex:1 0 auto;flex:1 0 auto;height:1.6rem;margin:.2rem;max-width:2.5rem;position:relative}.carousel .carousel-nav .nav-item::before{background:currentColor;content:"";display:block;height:.1rem;position:absolute;top:.5rem;width:100%}@keyframes carousel-slidein{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes carousel-slideout{0%{opacity:1;transform:translateX(0)}100%{opacity:1;transform:translateX(-50%)}}.comparison-slider{height:50vh;overflow:hidden;-webkit-overflow-scrolling:touch;position:relative;width:100%}.comparison-slider .comparison-after,.comparison-slider .comparison-before{height:100%;left:0;margin:0;overflow:hidden;position:absolute;top:0}.comparison-slider .comparison-after img,.comparison-slider .comparison-before img{height:100%;object-fit:cover;object-position:left center;position:absolute;width:100%}.comparison-slider .comparison-before{width:100%;z-index:1}.comparison-slider .comparison-before .comparison-label{right:.8rem}.comparison-slider .comparison-after{max-width:100%;min-width:0;z-index:2}.comparison-slider .comparison-after::before{background:0 0;content:"";cursor:default;height:100%;left:0;position:absolute;right:.8rem;top:0;z-index:1}.comparison-slider .comparison-after::after{background:currentColor;border-radius:50%;box-shadow:0 -5px,0 5px;color:#000;content:"";height:3px;position:absolute;right:.4rem;top:50%;transform:translate(50%,-50%);width:3px}.comparison-slider .comparison-after .comparison-label{left:.8rem}.comparison-slider .comparison-resizer{animation:first-run 1.5s 1 ease-in-out;cursor:ew-resize;height:.8rem;left:0;max-width:100%;min-width:.8rem;opacity:0;outline:0;position:relative;resize:horizontal;top:50%;transform:translateY(-50%) scaleY(30);width:0}.comparison-slider .comparison-label{background:rgba(0,0,0,.5);bottom:.8rem;color:#000;padding:.2rem .4rem;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@keyframes first-run{0%{width:0}25%{width:2.4rem}50%{width:.8rem}75%{width:1.2rem}100%{width:0}}.filter .filter-tag#tag-0:checked~.filter-nav .chip[for=tag-0],.filter .filter-tag#tag-1:checked~.filter-nav .chip[for=tag-1],.filter .filter-tag#tag-2:checked~.filter-nav .chip[for=tag-2],.filter .filter-tag#tag-3:checked~.filter-nav .chip[for=tag-3],.filter .filter-tag#tag-4:checked~.filter-nav .chip[for=tag-4],.filter .filter-tag#tag-5:checked~.filter-nav .chip[for=tag-5],.filter .filter-tag#tag-6:checked~.filter-nav .chip[for=tag-6],.filter .filter-tag#tag-7:checked~.filter-nav .chip[for=tag-7],.filter .filter-tag#tag-8:checked~.filter-nav .chip[for=tag-8]{background:#5755d9;color:#000}.filter .filter-tag#tag-1:checked~.filter-body .filter-item:not([data-tag~=tag-1]),.filter .filter-tag#tag-2:checked~.filter-body .filter-item:not([data-tag~=tag-2]),.filter .filter-tag#tag-3:checked~.filter-body .filter-item:not([data-tag~=tag-3]),.filter .filter-tag#tag-4:checked~.filter-body .filter-item:not([data-tag~=tag-4]),.filter .filter-tag#tag-5:checked~.filter-body .filter-item:not([data-tag~=tag-5]),.filter .filter-tag#tag-6:checked~.filter-body .filter-item:not([data-tag~=tag-6]),.filter .filter-tag#tag-7:checked~.filter-body .filter-item:not([data-tag~=tag-7]),.filter .filter-tag#tag-8:checked~.filter-body .filter-item:not([data-tag~=tag-8]){display:none}.filter .filter-nav{margin:.4rem 0}.filter .filter-body{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.meter{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0d0d0d;border:0;border-radius:.1rem;display:block;height:.8rem;width:100%}.meter::-webkit-meter-inner-element{display:block}.meter::-webkit-meter-bar,.meter::-webkit-meter-even-less-good-value,.meter::-webkit-meter-optimum-value,.meter::-webkit-meter-suboptimum-value{border-radius:.1rem}.meter::-webkit-meter-bar{background:#0d0d0d}.meter::-webkit-meter-optimum-value{background:#32b643}.meter::-webkit-meter-suboptimum-value{background:#ffb700}.meter::-webkit-meter-even-less-good-value{background:#e85600}.meter:-moz-meter-optimum,.meter:-moz-meter-sub-optimum,.meter:-moz-meter-sub-sub-optimum,.meter::-moz-meter-bar{border-radius:.1rem}.meter:-moz-meter-optimum::-moz-meter-bar{background:#32b643}.meter:-moz-meter-sub-optimum::-moz-meter-bar{background:#ffb700}.meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:#e85600}.off-canvas{display:-ms-flexbox;display:flex;-ms-flex-flow:nowrap;flex-flow:nowrap;height:100%;position:relative;width:100%}.off-canvas .off-canvas-toggle{display:block;position:absolute;right:.4rem;top:.4rem;transition:none;z-index:1}.off-canvas .off-canvas-sidebar{background:#0d0d0d;bottom:0;min-width:10rem;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .25s;z-index:200}.off-canvas .off-canvas-content{-ms-flex:1 1 auto;flex:1 1 auto;height:100%;padding:.4rem .4rem .4rem 4rem}.off-canvas .off-canvas-overlay{background:rgba(0,0,0,.1);border-color:transparent;border-radius:0;bottom:0;display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%}.off-canvas .off-canvas-sidebar.active,.off-canvas .off-canvas-sidebar:target{transform:translateX(0)}.off-canvas .off-canvas-sidebar.active~.off-canvas-overlay,.off-canvas .off-canvas-sidebar:target~.off-canvas-overlay{display:block;z-index:100}@media (min-width:960px){.off-canvas.off-canvas-sidebar-show .off-canvas-toggle{display:none}.off-canvas.off-canvas-sidebar-show .off-canvas-sidebar{-ms-flex:0 0 auto;flex:0 0 auto;position:relative;transform:none}.off-canvas.off-canvas-sidebar-show .off-canvas-overlay{display:none!important}}.parallax{display:block;height:auto;position:relative;width:auto}.parallax .parallax-content{box-shadow:0 1rem 2.1rem rgba(0,0,0,.3);height:auto;transform:perspective(1000px);transform-style:preserve-3d;transition:all .4s ease;width:100%}.parallax .parallax-content::before{content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.parallax .parallax-front{align-items:center;color:#000;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;height:100%;justify-content:center;left:0;position:absolute;text-align:center;text-shadow:0 0 20px rgba(0,0,0,.75);top:0;transform:translateZ(50px) scale(.95);transition:transform .4s;width:100%;z-index:1}.parallax .parallax-top-left{height:50%;left:0;outline:0;position:absolute;top:0;width:50%;z-index:100}.parallax .parallax-top-left:focus~.parallax-content,.parallax .parallax-top-left:hover~.parallax-content{transform:perspective(1000px) rotateX(3deg) rotateY(-3deg)}.parallax .parallax-top-left:focus~.parallax-content::before,.parallax .parallax-top-left:hover~.parallax-content::before{background:linear-gradient(135deg,rgba(255,255,255,.35) 0,transparent 50%)}.parallax .parallax-top-left:focus~.parallax-content .parallax-front,.parallax .parallax-top-left:hover~.parallax-content .parallax-front{transform:translate3d(4.5px,4.5px,50px) scale(.95)}.parallax .parallax-top-right{height:50%;outline:0;position:absolute;right:0;top:0;width:50%;z-index:100}.parallax .parallax-top-right:focus~.parallax-content,.parallax .parallax-top-right:hover~.parallax-content{transform:perspective(1000px) rotateX(3deg) rotateY(3deg)}.parallax .parallax-top-right:focus~.parallax-content::before,.parallax .parallax-top-right:hover~.parallax-content::before{background:linear-gradient(-135deg,rgba(255,255,255,.35) 0,transparent 50%)}.parallax .parallax-top-right:focus~.parallax-content .parallax-front,.parallax .parallax-top-right:hover~.parallax-content .parallax-front{transform:translate3d(-4.5px,4.5px,50px) scale(.95)}.parallax .parallax-bottom-left{bottom:0;height:50%;left:0;outline:0;position:absolute;width:50%;z-index:100}.parallax .parallax-bottom-left:focus~.parallax-content,.parallax .parallax-bottom-left:hover~.parallax-content{transform:perspective(1000px) rotateX(-3deg) rotateY(-3deg)}.parallax .parallax-bottom-left:focus~.parallax-content::before,.parallax .parallax-bottom-left:hover~.parallax-content::before{background:linear-gradient(45deg,rgba(255,255,255,.35) 0,transparent 50%)}.parallax .parallax-bottom-left:focus~.parallax-content .parallax-front,.parallax .parallax-bottom-left:hover~.parallax-content .parallax-front{transform:translate3d(4.5px,-4.5px,50px) scale(.95)}.parallax .parallax-bottom-right{bottom:0;height:50%;outline:0;position:absolute;right:0;width:50%;z-index:100}.parallax .parallax-bottom-right:focus~.parallax-content,.parallax .parallax-bottom-right:hover~.parallax-content{transform:perspective(1000px) rotateX(-3deg) rotateY(3deg)}.parallax .parallax-bottom-right:focus~.parallax-content::before,.parallax .parallax-bottom-right:hover~.parallax-content::before{background:linear-gradient(-45deg,rgba(255,255,255,.35) 0,transparent 50%)}.parallax .parallax-bottom-right:focus~.parallax-content .parallax-front,.parallax .parallax-bottom-right:hover~.parallax-content .parallax-front{transform:translate3d(-4.5px,-4.5px,50px) scale(.95)}.progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#050505;border:0;border-radius:.1rem;color:#5755d9;height:.2rem;position:relative;width:100%}.progress::-webkit-progress-bar{background:0 0;border-radius:.1rem}.progress::-webkit-progress-value{background:#5755d9;border-radius:.1rem}.progress::-moz-progress-bar{background:#5755d9;border-radius:.1rem}.progress:indeterminate{animation:progress-indeterminate 1.5s linear infinite;background:#050505 linear-gradient(to right,#5755d9 30%,#050505 30%) top left/150% 150% no-repeat}.progress:indeterminate::-moz-progress-bar{background:0 0}@keyframes progress-indeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;display:block;height:1.2rem;width:100%}.slider:focus{box-shadow:0 0 0 .1rem rgba(87,85,217,.2);outline:0}.slider.tooltip:not([data-tooltip])::after{content:attr(value)}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:#5755d9;border:0;border-radius:50%;height:.6rem;margin-top:-.25rem;-webkit-transition:transform .2s;transition:transform .2s;width:.6rem}.slider::-moz-range-thumb{background:#5755d9;border:0;border-radius:50%;height:.6rem;-moz-transition:transform .2s;transition:transform .2s;width:.6rem}.slider::-ms-thumb{background:#5755d9;border:0;border-radius:50%;height:.6rem;-ms-transition:transform .2s;transition:transform .2s;width:.6rem}.slider:active::-webkit-slider-thumb{transform:scale(1.25)}.slider:active::-moz-range-thumb{transform:scale(1.25)}.slider:active::-ms-thumb{transform:scale(1.25)}.slider.disabled::-webkit-slider-thumb,.slider:disabled::-webkit-slider-thumb{background:#bfbfbf;transform:scale(1)}.slider.disabled::-moz-range-thumb,.slider:disabled::-moz-range-thumb{background:#bfbfbf;transform:scale(1)}.slider.disabled::-ms-thumb,.slider:disabled::-ms-thumb{background:#bfbfbf;transform:scale(1)}.slider::-webkit-slider-runnable-track{background:#050505;border-radius:.1rem;height:.1rem;width:100%}.slider::-moz-range-track{background:#050505;border-radius:.1rem;height:.1rem;width:100%}.slider::-ms-track{background:#050505;border-radius:.1rem;height:.1rem;width:100%}.slider::-ms-fill-lower{background:#5755d9}.timeline .timeline-item{display:-ms-flexbox;display:flex;margin-bottom:1.2rem;position:relative}.timeline .timeline-item::before{background:#a6a6a6;content:"";height:100%;left:11px;position:absolute;top:1.2rem;width:2px}.timeline .timeline-item .timeline-left{-ms-flex:0 0 auto;flex:0 0 auto}.timeline .timeline-item .timeline-content{-ms-flex:1 1 auto;flex:1 1 auto;padding:2px 0 2px .8rem}.timeline .timeline-item .timeline-icon{align-items:center;border-radius:50%;color:#000;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;height:1.2rem;justify-content:center;text-align:center;width:1.2rem}.timeline .timeline-item .timeline-icon::before{border:.1rem solid #5755d9;border-radius:50%;content:"";display:block;height:.4rem;left:.4rem;position:absolute;top:.4rem;width:.4rem}.timeline .timeline-item .timeline-icon.icon-lg{background:#5755d9;line-height:1.2rem}.timeline .timeline-item .timeline-icon.icon-lg::before{content:none}.viewer-360{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-direction:column;flex-direction:column}.viewer-360 .viewer-slider[max="36"][value="1"]+.viewer-image{background-position-y:0}.viewer-360 .viewer-slider[max="36"][value="2"]+.viewer-image{background-position-y:2.8571428571%}.viewer-360 .viewer-slider[max="36"][value="3"]+.viewer-image{background-position-y:5.7142857143%}.viewer-360 .viewer-slider[max="36"][value="4"]+.viewer-image{background-position-y:8.5714285714%}.viewer-360 .viewer-slider[max="36"][value="5"]+.viewer-image{background-position-y:11.4285714286%}.viewer-360 .viewer-slider[max="36"][value="6"]+.viewer-image{background-position-y:14.2857142857%}.viewer-360 .viewer-slider[max="36"][value="7"]+.viewer-image{background-position-y:17.1428571429%}.viewer-360 .viewer-slider[max="36"][value="8"]+.viewer-image{background-position-y:20%}.viewer-360 .viewer-slider[max="36"][value="9"]+.viewer-image{background-position-y:22.8571428571%}.viewer-360 .viewer-slider[max="36"][value="10"]+.viewer-image{background-position-y:25.7142857143%}.viewer-360 .viewer-slider[max="36"][value="11"]+.viewer-image{background-position-y:28.5714285714%}.viewer-360 .viewer-slider[max="36"][value="12"]+.viewer-image{background-position-y:31.4285714286%}.viewer-360 .viewer-slider[max="36"][value="13"]+.viewer-image{background-position-y:34.2857142857%}.viewer-360 .viewer-slider[max="36"][value="14"]+.viewer-image{background-position-y:37.1428571429%}.viewer-360 .viewer-slider[max="36"][value="15"]+.viewer-image{background-position-y:40%}.viewer-360 .viewer-slider[max="36"][value="16"]+.viewer-image{background-position-y:42.8571428571%}.viewer-360 .viewer-slider[max="36"][value="17"]+.viewer-image{background-position-y:45.7142857143%}.viewer-360 .viewer-slider[max="36"][value="18"]+.viewer-image{background-position-y:48.5714285714%}.viewer-360 .viewer-slider[max="36"][value="19"]+.viewer-image{background-position-y:51.4285714286%}.viewer-360 .viewer-slider[max="36"][value="20"]+.viewer-image{background-position-y:54.2857142857%}.viewer-360 .viewer-slider[max="36"][value="21"]+.viewer-image{background-position-y:57.1428571429%}.viewer-360 .viewer-slider[max="36"][value="22"]+.viewer-image{background-position-y:60%}.viewer-360 .viewer-slider[max="36"][value="23"]+.viewer-image{background-position-y:62.8571428571%}.viewer-360 .viewer-slider[max="36"][value="24"]+.viewer-image{background-position-y:65.7142857143%}.viewer-360 .viewer-slider[max="36"][value="25"]+.viewer-image{background-position-y:68.5714285714%}.viewer-360 .viewer-slider[max="36"][value="26"]+.viewer-image{background-position-y:71.4285714286%}.viewer-360 .viewer-slider[max="36"][value="27"]+.viewer-image{background-position-y:74.2857142857%}.viewer-360 .viewer-slider[max="36"][value="28"]+.viewer-image{background-position-y:77.1428571429%}.viewer-360 .viewer-slider[max="36"][value="29"]+.viewer-image{background-position-y:80%}.viewer-360 .viewer-slider[max="36"][value="30"]+.viewer-image{background-position-y:82.8571428571%}.viewer-360 .viewer-slider[max="36"][value="31"]+.viewer-image{background-position-y:85.7142857143%}.viewer-360 .viewer-slider[max="36"][value="32"]+.viewer-image{background-position-y:88.5714285714%}.viewer-360 .viewer-slider[max="36"][value="33"]+.viewer-image{background-position-y:91.4285714286%}.viewer-360 .viewer-slider[max="36"][value="34"]+.viewer-image{background-position-y:94.2857142857%}.viewer-360 .viewer-slider[max="36"][value="35"]+.viewer-image{background-position-y:97.1428571429%}.viewer-360 .viewer-slider[max="36"][value="36"]+.viewer-image{background-position-y:100%}.viewer-360 .viewer-slider{cursor:ew-resize;-ms-flex-order:2;margin:1rem;order:2;width:60%}.viewer-360 .viewer-image{background-position-y:0;background-repeat:no-repeat;background-size:100%;-ms-flex-order:1;max-width:100%;order:1}
\ No newline at end of file diff --git a/docs/elements.html b/docs/elements.html index a6bc034..5598685 100644 --- a/docs/elements.html +++ b/docs/elements.html @@ -30,8 +30,8 @@ </div> </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> + <div class="docs-brand"><a class="docs-logo" href="index.html"><img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework—now at dark"> + <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="elements"> <h3 class="s-title">Elements<a class="anchor" href="#elements" 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> @@ -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/elements/buttons.html b/docs/elements/buttons.html index 242babf..6374229 100644 --- a/docs/elements/buttons.html +++ b/docs/elements/buttons.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="buttons"> <h3 class="s-title">Buttons<a class="anchor" href="#buttons" 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>Buttons include simple button styles for actions in different types and sizes.</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/elements/code.html b/docs/elements/code.html index bc7ea28..fdd1bb3 100644 --- a/docs/elements/code.html +++ b/docs/elements/code.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="code"> <h3 class="s-title">Code<a class="anchor" href="#code" 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>Code is used for styling inline and multiline code snippets.</p> <h4 class="s-subtitle" id="code-inline">Inline code<a class="anchor" href="#code-inline" aria-hidden="true">#</a></h4> <pre class="code" data-lang="HTML"><code><span class="hljs-comment"><!-- inline code --></span> @@ -242,21 +231,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/elements/forms.html b/docs/elements/forms.html index ce21c0d..21fcffe 100644 --- a/docs/elements/forms.html +++ b/docs/elements/forms.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="forms"> <h3 class="s-title">Forms<a class="anchor" href="#forms" 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>Forms provide the most common control styles used in forms, including input, textarea, select, checkbox, radio and switch.</p> <h4 class="s-subtitle" id="forms-input">Form input<a class="anchor" href="#forms-input" aria-hidden="true">#</a></h4> <div class="docs-demo columns"> @@ -966,21 +955,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/elements/icons.html b/docs/elements/icons.html index 0d92fd6..32de0be 100644 --- a/docs/elements/icons.html +++ b/docs/elements/icons.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="icons"> <h3 class="s-title">Icons.css<a class="anchor" href="#icons" 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> <div class="docs-demo columns"> <div class="column"> <div class="toast toast-primary">Spectre.css Icons will be moved to a new <a href="https://github.com/picturepan2/icons.css" target="_blank">GitHub Repo</a> while Spectre will only include basic icons.</div> @@ -418,21 +407,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/elements/labels.html b/docs/elements/labels.html index ca2dc58..13c402b 100644 --- a/docs/elements/labels.html +++ b/docs/elements/labels.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="labels"> <h3 class="s-title">Labels<a class="anchor" href="#labels" 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>Labels are formatted text tags for highlighted, informative information.</p> <div class="docs-demo columns"> <div class="column"><span class="label mr-1">default label</span><span class="label label-primary mr-1">primary label</span><span class="label label-secondary mr-1">secondary label</span><span class="label label-success mr-1">success label</span><span class="label label-warning mr-1">warning label</span><span class="label label-error">error label</span></div> @@ -240,21 +229,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/elements/media.html b/docs/elements/media.html index 337aa38..89d5d40 100644 --- a/docs/elements/media.html +++ b/docs/elements/media.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="media"> <h3 class="s-title">Media<a class="anchor" href="#media" 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>Media includes responsive images, figures and video classes.</p> <h4 class="s-subtitle" id="media-images">Images<a class="anchor" href="#media-images" aria-hidden="true">#</a></h4> <p>Add the <code>img-responsive</code> class to <img> elements. The images will scale with the parent sizes.</p> @@ -286,21 +275,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/elements/tables.html b/docs/elements/tables.html index 806939d..1df3212 100644 --- a/docs/elements/tables.html +++ b/docs/elements/tables.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="tables"> <h3 class="s-title">Tables<a class="anchor" href="#tables" 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>Tables include default styles for tables and data sets.</p> <div class="docs-demo columns"> <div class="column col-12"> @@ -390,21 +379,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/elements/typography.html b/docs/elements/typography.html index c096735..16ed5b4 100644 --- a/docs/elements/typography.html +++ b/docs/elements/typography.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="typography"> <h3 class="s-title">Typography<a class="anchor" href="#typography" 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>Typography sets default styles for headings, paragraphs, semantic text, blockquote and lists elements.</p> <h4 class="s-subtitle" id="typography-headings">Headings<a class="anchor" href="#typography-headings" aria-hidden="true">#</a></h4> <div class="docs-demo columns"> @@ -416,21 +405,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/examples/starter.html b/docs/examples/starter.html index 2fe3017..280b9dd 100644 --- a/docs/examples/starter.html +++ b/docs/examples/starter.html @@ -24,14 +24,5 @@ <p><a href="getting-started.html" target="_blank">Documents</a> · <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</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> </div> </footer> - <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.html b/docs/experimentals.html index 6820b57..af903af 100644 --- a/docs/experimentals.html +++ b/docs/experimentals.html @@ -30,8 +30,8 @@ </div> </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> + <div class="docs-brand"><a class="docs-logo" href="index.html"><img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework—now at dark"> + <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="experimentals"> <h3 class="s-title">Experimentals<a class="anchor" href="#experimentals" 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 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. @@ -336,21 +325,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/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 diff --git a/docs/getting-started.html b/docs/getting-started.html index f65a657..6fa6a1f 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -30,8 +30,8 @@ </div> </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> + <div class="docs-brand"><a class="docs-logo" href="index.html"><img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework—now at dark"> + <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,20 +200,8 @@ <div class="docs-content" id="content"> <div class="container" id="getting-started"> <h3 class="s-title">Getting started<a class="anchor" href="#getting-started" 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> + <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> <div class="docs-demo columns"> <div class="column col-6 col-xs-12"> <div class="card"> @@ -270,21 +258,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/getting-started/browsers.html b/docs/getting-started/browsers.html index e106ae2..27d39e7 100644 --- a/docs/getting-started/browsers.html +++ b/docs/getting-started/browsers.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="browsers"> <h3 class="s-title">Browser support<a class="anchor" href="#browsers" 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>Spectre uses <a href="https://github.com/postcss/autoprefixer" target="_blank">Autoprefixer</a> to make most styles compatible with earlier browsers and <a href="https://necolas.github.io/normalize.css/" target="_blank">Normalize.css</a> for CSS resets. Spectre is designed for modern browsers. For best compatibility, these browsers are recommended:</p> <ul> <li>Chrome <small class="label label-success">LAST 4</small></li> @@ -231,21 +220,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/getting-started/custom.html b/docs/getting-started/custom.html index 3d81d5f..eb6ba4a 100644 --- a/docs/getting-started/custom.html +++ b/docs/getting-started/custom.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="custom"> <h3 class="s-title">Custom version<a class="anchor" href="#custom" 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>You can customize your version of Spectre.css by editing Sass files in <code>/src</code> directory or removing unneeded components from <code>.scss</code> source files.</p> <p><a class="btn btn-primary" href="https://github.com/picturepan2/spectre/" target="_blank">Sass Source Code</a></p> <p>If you are looking for Less version of Spectre.css, please switch to <code>Less</code> branch.</p> @@ -409,21 +398,12 @@ gulp.task(<span class="hljs-string">'prefix'</span>, <span class="hljs-function" </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/getting-started/installation.html b/docs/getting-started/installation.html index 0142131..b846721 100644 --- a/docs/getting-started/installation.html +++ b/docs/getting-started/installation.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="installation"> <h3 class="s-title">Installation<a class="anchor" href="#installation" 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>There are 5 ways to get started with Spectre CSS framework in your projects. You can either install manually, from CDN or use package managers.</p> <h4 class="s-subtitle" id="install-manually">Install manually<a class="anchor" href="#install-manually" aria-hidden="true">#</a></h4> <p>Download the compiled and minified <a href="https://github.com/picturepan2/spectre/releases" target="_blank">Spectre CSS file</a> (core ~10KB min+gzip):</p> @@ -245,21 +234,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/getting-started/whatsnew.html b/docs/getting-started/whatsnew.html index 137fd11..4c9e1e0 100644 --- a/docs/getting-started/whatsnew.html +++ b/docs/getting-started/whatsnew.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"> @@ -199,18 +199,7 @@ <div class="off-canvas-content"> <div class="docs-content" id="content"> <div class="container" id="whatsnew"> - <h3 class="s-title">What's new<a class="anchor" href="#whatsnew" 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><h4>Spectre.css Changelog</h4> + <h3 class="s-title">What's new<a class="anchor" href="#whatsnew" aria-hidden="true">#</a></h3><h4>Spectre.css Changelog</h4> <h5>v0.5.8 <a href="https://github.com/picturepan2/spectre/releases/tag/v0.5.8">#</a></h5> <ul> <li>IMPORTANT: Moving</li> @@ -515,21 +504,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/index.html b/docs/index.html index 04e269d..3bb15d8 100644 --- a/docs/index.html +++ b/docs/index.html @@ -27,14 +27,14 @@ <div class="grid-hero container grid-lg text-center" id="overview"> <div class="docs-brand"><a class="docs-logo" href="index.html"><img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework"> <h2>SPECTRE DARK</h2></a></div> - <h1>SPECTRE-DARK.CSS</h1> - <h2>A - <u>Lightweight</u>, - <u>Responsive</u> and - <u>Modern</u> CSS Framework—now at dark. + <h1>SPECTRE.CSS</h1> + <h2>A + <u>Lightweight</u>, + <u>Responsive</u> and + <u>Modern</u> CSS Framework </h2> <p><a class="btn btn-primary btn-lg mr-2" href="getting-started.html">Docs</a><a class="btn btn-primary btn-lg" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a></p> - <p class="text-gray">Latest version: <span class="version"></span></p> + <p class="text-gray">Latest version:<span class="version"></span></p> <div class="columns"> <div class="column col-4 col-xs-12"> <div class="card text-center"> @@ -57,25 +57,13 @@ </div> </div> </div> - <div class="section section-ads bg-gray"> - <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> + <div class="section section-ads bg-gray"></div> <div class="section section-features bg-primary text-light text-center"> <div class="container grid-lg"> <h2>Introduction</h2> <div class="columns"> <div class="column col-10 col-sm-12 col-mx-auto text-left"> - <p class="text-secondary"><strong>Spectre.css </strong>is a lightweight, responsive and modern CSS framework for faster and extensible development.</p> + <p class="text-secondary"><strong>Spectre.css</strong>is a lightweight, responsive and modern CSS framework for faster and extensible development.</p> <p class="text-secondary">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> </div> <div class="column col-10 col-sm-12 col-mx-auto"><a class="btn btn-lg" href="getting-started/installation.html">Install Spectre.css</a></div> @@ -90,7 +78,7 @@ <div class="card-header"> <div class="card-title h6">Spectre Twitter</div> </div> - <div class="card-body">For the latest announcements and updates, follow on Twitter: <a href="https://twitter.com/spectrecss" target="_blank">@spectrecss</a>.</div> + <div class="card-body">For the latest announcements and updates, follow on Twitter:<a href="https://twitter.com/spectrecss" target="_blank">@spectrecss</a>.</div> <div class="card-footer"><a class="btn btn-primary" href="https://twitter.com/spectrecss" target="_blank">Follow</a></div> </div> </div> @@ -122,14 +110,5 @@ <p>Designed and built with <span class="text-error">♥</span> 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> - <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> +</html>
\ No newline at end of file diff --git a/docs/layout.html b/docs/layout.html index a0db1b8..86e9482 100644 --- a/docs/layout.html +++ b/docs/layout.html @@ -30,8 +30,8 @@ </div> </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> + <div class="docs-brand"><a class="docs-logo" href="index.html"><img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework—now at dark"> + <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="layout"> <h3 class="s-title">Layout<a class="anchor" href="#layout" 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> @@ -262,21 +251,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/layout/grid.html b/docs/layout/grid.html index 2232913..053b843 100644 --- a/docs/layout/grid.html +++ b/docs/layout/grid.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="grid"> <h3 class="s-title">Flexbox grid<a class="anchor" href="#grid" 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>Layout includes flexbox based responsive grid system with 12 columns.</p> <div class="docs-demo columns"> <div class="column"> @@ -449,21 +438,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/layout/hero.html b/docs/layout/hero.html index f25e0e8..73fa38c 100644 --- a/docs/layout/hero.html +++ b/docs/layout/hero.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="hero"> <h3 class="s-title">Hero<a class="anchor" href="#hero" 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 Hero container shows key featured content or information.</p> <div class="docs-demo columns"> <div class="column"> @@ -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/layout/navbar.html b/docs/layout/navbar.html index 5c15190..33cd534 100644 --- a/docs/layout/navbar.html +++ b/docs/layout/navbar.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="navbar"> <h3 class="s-title">Navbar<a class="anchor" href="#navbar" 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>Navbar is a layout container that appears in the header of apps and websites.</p> <div class="docs-demo columns"> <div class="column"> @@ -277,21 +266,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/layout/responsive.html b/docs/layout/responsive.html index 0cb70c8..5652dd7 100644 --- a/docs/layout/responsive.html +++ b/docs/layout/responsive.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="responsive"> <h3 class="s-title">Responsive<a class="anchor" href="#responsive" 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>Spectre provides a neat responsive layout grid system and responsive visibility utilities.</p> <div class="docs-demo columns"> <div class="column col-10 col-lg-8 col-md-6 col-sm-4"> @@ -515,21 +504,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/src/_layout/_ad-g.pug b/docs/src/_layout/_ad-g.pug index c227ea8..e69de29 100644 --- a/docs/src/_layout/_ad-g.pug +++ b/docs/src/_layout/_ad-g.pug @@ -1,13 +0,0 @@ -block ad-adsense - .docs-ad - .hide-md.text-center - script(async='', src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js') - // GitHub-lg - ins.adsbygoogle.mx-auto(style='display:inline-block;width:728px;height:90px', data-ad-client='ca-pub-2225124559530218', data-ad-slot='9894180784') - script. - (adsbygoogle = window.adsbygoogle || []).push({}); - .show-md.text-center - // GitHub-sm - ins.adsbygoogle(style='display:inline-block;width:300px;height:250px', data-ad-client='ca-pub-2225124559530218', data-ad-slot='9278881734') - script. - (adsbygoogle = window.adsbygoogle || []).push({});
\ No newline at end of file diff --git a/docs/src/_layout/_docs-layout.pug b/docs/src/_layout/_docs-layout.pug index dcec070..e855074 100644 --- a/docs/src/_layout/_docs-layout.pug +++ b/docs/src/_layout/_docs-layout.pug @@ -16,12 +16,14 @@ block content if slug != parent a.docs-logo(href='../index.html') img(src='../img/spectre-logo.svg' alt='Spectre.css CSS Framework') - h2 SPECTRE + h2 SPECTRE DARK + br small.label.label-secondary.text-bold DOCS else a.docs-logo(href='index.html') - img(src='img/spectre-logo.svg' alt='Spectre.css CSS Framework') - h2 SPECTRE + img(src='img/spectre-logo.svg' alt='Spectre.css CSS Framework—now at dark') + h2 SPECTRE DARK + br small.label.label-secondary.text-bold DOCS .docs-nav .accordion-container @@ -104,7 +106,7 @@ block content {url: 'sliders', name: 'Sliders'}, {url: 'timelines', name: 'Timelines'} ) - + a.off-canvas-overlay(href='#close') .off-canvas-content #content.docs-content @@ -112,9 +114,9 @@ block content script(type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js") script. - docsearch({ - apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', - indexName: 'picturepan2_spectre', - inputSelector: '.docs-search', + docsearch({ + apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', + indexName: 'picturepan2_spectre', + inputSelector: '.docs-search', debug: true - });
\ No newline at end of file + }); diff --git a/docs/src/_layout/_example-layout.pug b/docs/src/_layout/_example-layout.pug index c3afafe..d9c5193 100644 --- a/docs/src/_layout/_example-layout.pug +++ b/docs/src/_layout/_example-layout.pug @@ -1,7 +1,7 @@ block variables - var slug = '' - var parent = '' - - var title = 'Spectre.css - A Lightweight, Responsive and Modern CSS Framework' + - var title = 'Spectre.css - A Lightweight, Responsive and Modern CSS Framework—now at dark.' - var description = 'Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development. 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.' doctype html @@ -18,18 +18,7 @@ html(lang='en') link(rel='stylesheet' href='../dist/spectre.min.css') link(rel='stylesheet' href='../dist/spectre-icons.min.css') link(rel='stylesheet' href='../dist/spectre-exp.min.css') - link(rel='stylesheet' href='../dist/docs.min.css') + link(rel='stylesheet' href='../dist/docs.min.css') body block content - - 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'); - -
\ No newline at end of file diff --git a/docs/src/_layout/_layout.pug b/docs/src/_layout/_layout.pug index 676bda5..6fc5b99 100644 --- a/docs/src/_layout/_layout.pug +++ b/docs/src/_layout/_layout.pug @@ -10,10 +10,10 @@ block variables if slug == parent if slug == 'index' - - var url = domain + - var url = domain else - var url = domain + slug + '.html' -else +else - var url = domain + parent + '/' + slug + '.html' doctype html @@ -38,8 +38,8 @@ html(lang='en') link(rel='stylesheet' href='../dist/spectre.min.css') link(rel='stylesheet' href='../dist/spectre-icons.min.css') link(rel='stylesheet' href='../dist/spectre-exp.min.css') - link(rel='stylesheet' href='../dist/docs.min.css') - else + link(rel='stylesheet' href='../dist/docs.min.css') + else link(rel='shortcut icon' href='img/favicons/favicon.ico') link(rel='icon' href='img/favicons/favicon.png') link(rel='stylesheet' href='dist/spectre.min.css') @@ -50,13 +50,3 @@ html(lang='en') body block content - - 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'); -
\ No newline at end of file diff --git a/docs/src/getting-started.pug b/docs/src/getting-started.pug index c157ea7..2a4937a 100644 --- a/docs/src/getting-started.pug +++ b/docs/src/getting-started.pug @@ -8,12 +8,11 @@ block variables block docs-content +docs-heading('getting-started', 'Getting started') - include _layout/_ad-g.pug - p - strong Spectre.css + p + strong Spectre.css | 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. .docs-demo.columns @@ -25,7 +24,7 @@ block docs-content | How to install and use Spectre.css .card-footer a.btn.btn-primary(href="getting-started/installation.html") View - + .column.col-6.col-xs-12 .card .card-header @@ -34,7 +33,7 @@ block docs-content | Customize your version of Spectre.css .card-footer a.btn.btn-primary(href="getting-started/custom.html") View - + .column.col-6.col-xs-12 .card .card-header @@ -43,7 +42,7 @@ block docs-content | Browser compatibility and support .card-footer a.btn.btn-primary(href="getting-started/browsers.html") View - + .column.col-6.col-xs-12 .card .card-header diff --git a/docs/src/index.pug b/docs/src/index.pug index 25a9359..0cdbc5a 100644 --- a/docs/src/index.pug +++ b/docs/src/index.pug @@ -12,7 +12,7 @@ block content .docs-brand a.docs-logo(href='index.html') img(src='img/spectre-logo.svg' alt='Spectre.css CSS Framework') - h2 SPECTRE + h2 SPECTRE DARK h1 SPECTRE.CSS h2 | A #[u Lightweight], #[u Responsive] and #[u Modern] CSS Framework @@ -20,7 +20,7 @@ block content a.btn.btn-primary.btn-lg.mr-2(href='getting-started.html') Docs a.btn.btn-primary.btn-lg(href='https://github.com/picturepan2/spectre' target='_blank') GitHub p.text-gray - | Latest version: + | Latest version: span.version .columns .column.col-4.col-xs-12 @@ -41,7 +41,7 @@ block content span.card-title Modern .card-body | Elegantly designed and developed elements and components - + .section.section-ads.bg-gray include _layout/_ad-g.pug @@ -51,7 +51,7 @@ block content .columns .column.col-10.col-sm-12.col-mx-auto.text-left p.text-secondary - strong Spectre.css + strong Spectre.css | is a lightweight, responsive and modern CSS framework for faster and extensible development. p.text-secondary | 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. @@ -66,7 +66,7 @@ block content .card-header .card-title.h6 Spectre Twitter .card-body - | For the latest announcements and updates, follow on Twitter: + | For the latest announcements and updates, follow on Twitter: a(href='https://twitter.com/spectrecss' target='_blank') @spectrecss | . .card-footer @@ -91,4 +91,4 @@ block content include _layout/_ad-c.pug footer.section.section-footer - include _layout/_footer.pug
\ No newline at end of file + include _layout/_footer.pug diff --git a/docs/utilities.html b/docs/utilities.html index a90e237..7c51ab9 100644 --- a/docs/utilities.html +++ b/docs/utilities.html @@ -30,8 +30,8 @@ </div> </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> + <div class="docs-brand"><a class="docs-logo" href="index.html"><img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework—now at dark"> + <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="utilities"> <h3 class="s-title">Utilities<a class="anchor" href="#utilities" 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> @@ -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/utilities/colors.html b/docs/utilities/colors.html index b3e2e8f..7ee1589 100644 --- a/docs/utilities/colors.html +++ b/docs/utilities/colors.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="colors"> <h3 class="s-title">Color utilities<a class="anchor" href="#colors" 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>Color utilities are used for changing colors for text, link and background.</p> <h4 class="s-subtitle" id="colors-text">Text colors<a class="anchor" href="#colors-text" aria-hidden="true">#</a></h4> <div class="docs-demo columns"> @@ -285,21 +274,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/utilities/cursors.html b/docs/utilities/cursors.html index 80cb9dc..cb2189a 100644 --- a/docs/utilities/cursors.html +++ b/docs/utilities/cursors.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="cursors"> <h3 class="s-title">Cursor utilities<a class="anchor" href="#cursors" 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>Cursor utilities specify which mouse cursor to display when mouseover.</p> <div class="docs-demo columns"> <div class="column col-4"> @@ -255,21 +244,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/utilities/display.html b/docs/utilities/display.html index e0d80cd..1268701 100644 --- a/docs/utilities/display.html +++ b/docs/utilities/display.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="display"> <h3 class="s-title">Display utilities<a class="anchor" href="#display" 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>Display utilities are used for display and hidden things.</p> <pre class="code" data-lang="HTML"><code><span class="hljs-comment"><!-- display: block; --></span> <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-block"</span>></span><span class="hljs-tag"></<span class="hljs-name">div</span>></span> @@ -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/utilities/divider.html b/docs/utilities/divider.html index ae5d254..c932041 100644 --- a/docs/utilities/divider.html +++ b/docs/utilities/divider.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="divider"> <h3 class="s-title">Divider<a class="anchor" href="#divider" 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 Divider is used for separating elements.</p> <div class="docs-demo columns"> <div class="column"> @@ -283,21 +272,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/utilities/loading.html b/docs/utilities/loading.html index d28304e..41f0433 100644 --- a/docs/utilities/loading.html +++ b/docs/utilities/loading.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="loading"> <h3 class="s-title">Loading<a class="anchor" href="#loading" 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> Loading indicator is used for loading or updating. You can add the <code>loading</code> class to a container for loading status. @@ -240,21 +229,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/utilities/position.html b/docs/utilities/position.html index ff9eb59..d9415d3 100644 --- a/docs/utilities/position.html +++ b/docs/utilities/position.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="position"> <h3 class="s-title">Position utilities<a class="anchor" href="#position" 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>Position utilities are used for useful layout and position things, including clearfix, float, position and margin/padding utilities.</p> <pre class="code" data-lang="HTML"><code><span class="hljs-comment"><!-- clear float --></span> <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"clearfix"</span>></span><span class="hljs-tag"></<span class="hljs-name">div</span>></span> @@ -258,21 +247,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/utilities/shapes.html b/docs/utilities/shapes.html index a9bccfe..5d5cdca 100644 --- a/docs/utilities/shapes.html +++ b/docs/utilities/shapes.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="shapes"> <h3 class="s-title">Shape utilities<a class="anchor" href="#shapes" 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>Shape utilities are used for changing element shapes.</p> <div class="docs-demo columns"> <div class="column col-6 text-center"> @@ -235,21 +224,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/utilities/text.html b/docs/utilities/text.html index 81d3575..2752c36 100644 --- a/docs/utilities/text.html +++ b/docs/utilities/text.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="text"> <h3 class="s-title">Text utilities<a class="anchor" href="#text" 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>Text utilities are used for text alignment, styles and overflow things.</p> <pre class="code" data-lang="HTML"><code><span class="hljs-comment"><!-- left-aligned text --></span> <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"text-left"</span>></span><span class="hljs-tag"></<span class="hljs-name">div</span>></span> @@ -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 |