diff options
Merge pull request #345 from picturepan2/0.4.7 v0.4.7
0.4.7
1 files changed, 30 insertions, 16 deletions
| -rw-r--r-- | docs/experimentals.html | 46 |
diff --git a/docs/experimentals.html b/docs/experimentals.html index 03caaac..8ab7a93 100644 --- a/docs/experimentals.html +++ b/docs/experimentals.html @@ -25,7 +25,7 @@ <div class="docs-brand"> <a href="index.html" class="docs-logo"> <img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework"> - <h2>Spectre.css</h2> + <h2>SPECTRE</h2> </a> </div> <div class="docs-nav"> @@ -38,7 +38,7 @@ <div class="accordion-body"> <ul class="menu menu-nav"> <li class="menu-item"> - <a href="getting-started.html#introduction">Introduction</a> + <a href="getting-started.html">Introduction</a> </li> <li class="menu-item"> <a href="getting-started.html#installation">Installation</a> @@ -63,7 +63,7 @@ <div class="accordion-body"> <ul class="menu menu-nav"> <li class="menu-item"> - <a href="elements.html#typography">Typography</a> + <a href="elements.html">Typography</a> </li> <li class="menu-item"> <a href="elements.html#tables">Tables</a> @@ -97,7 +97,7 @@ <div class="accordion-body"> <ul class="menu menu-nav"> <li class="menu-item"> - <a href="layout.html#grid">Flexbox grid</a> + <a href="layout.html">Flexbox grid</a> </li> <li class="menu-item"> <a href="layout.html#responsive">Responsive</a> @@ -116,7 +116,7 @@ <div class="accordion-body"> <ul class="menu menu-nav"> <li class="menu-item"> - <a href="components.html#accordions">Accordions</a> + <a href="components.html">Accordions</a> </li> <li class="menu-item"> <a href="components.html#autocomplete">Autocomplete</a> @@ -186,7 +186,7 @@ <div class="accordion-body"> <ul class="menu menu-nav"> <li class="menu-item"> - <a href="utilities.html#colors">Colors</a> + <a href="utilities.html">Colors</a> </li> <li class="menu-item"> <a href="utilities.html#cursors">Cursors</a> @@ -220,7 +220,7 @@ <div class="accordion-body"> <ul class="menu menu-nav"> <li class="menu-item"> - <a href="experimentals.html#calendars">Calendars</a> + <a href="experimentals.html">Calendars</a> </li> <li class="menu-item"> <a href="experimentals.html#carousels">Carousels</a> @@ -454,6 +454,20 @@ </div> + <div class="container"> + <div class="docs-ad docs-ad-sidebar"> + <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> + <!-- github-vertical-sm --> + <ins class="adsbygoogle" + style="display:inline-block;width:120px;height:240px" + data-ad-client="ca-pub-2225124559530218" + data-ad-slot="5087273059"></ins> + <script> + (adsbygoogle = window.adsbygoogle || []).push({}); + </script> + </div> + </div> + <div id="carousels" class="container"> <h3 class="s-title"><a href="#carousels" class="anchor" aria-hidden="true">#</a>Carousels</h3> <div class="docs-note"> @@ -803,10 +817,10 @@ <div class="columns"> <div class="column col-sm-12 col-8 col-mx-auto"> <div class="parallax"> - <div class="parallax-top-left"></div> - <div class="parallax-top-right"></div> - <div class="parallax-bottom-left"></div> - <div class="parallax-bottom-right"></div> + <div class="parallax-top-left" tabindex="1"></div> + <div class="parallax-top-right" tabindex="2"></div> + <div class="parallax-bottom-left" tabindex="3"></div> + <div class="parallax-bottom-right" tabindex="4"></div> <div class="parallax-content"> <div class="parallax-front"> <h2>tvOS parallax demo</h2> @@ -821,10 +835,10 @@ <!-- parallax --> <pre class="code" data-lang="HTML"><code><<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"parallax"</span>> - <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"parallax-top-left"</span>><<span class="tag">/div</span>> - <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"parallax-top-right"</span>><<span class="tag">/div</span>> - <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"parallax-bottom-left"</span>><<span class="tag">/div</span>> - <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"parallax-bottom-right"</span>><<span class="tag">/div</span>> + <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"parallax-top-left"</span> <span class="atn">tabindex</span>=<span class="atv">"1"</span>><<span class="tag">/div</span>> + <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"parallax-top-right"</span> <span class="atn">tabindex</span>=<span class="atv">"2"</span>><<span class="tag">/div</span>> + <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"parallax-bottom-left"</span> <span class="atn">tabindex</span>=<span class="atv">"3"</span>><<span class="tag">/div</span>> + <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"parallax-bottom-right"</span> <span class="atn">tabindex</span>=<span class="atv">"4"</span>><<span class="tag">/div</span>> <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"parallax-content"</span>> <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"parallax-front"</span>> <<span class="tag">h2</span>>tvOS parallax demo<<span class="tag">/h2</span>> @@ -985,7 +999,7 @@ <footer class="docs-footer"> <p><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> - <p>Designed and built with ♥ by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p> + <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> </footer> </div> |