diff options
Add Details and Summary Accordians support #256
1 files changed, 14 insertions, 14 deletions
| -rw-r--r-- | docs/experimentals.html | 28 |
diff --git a/docs/experimentals.html b/docs/experimentals.html index 6fe2ed0..8c16bfc 100644 --- a/docs/experimentals.html +++ b/docs/experimentals.html @@ -23,8 +23,8 @@ </a> </div> <div class="s-nav"> - <div class="accordion"> - <div class="accordion-item"> + <div class="accordion-container"> + <div class="accordion"> <input type="checkbox" id="docs-accordion-1" name="docs-accordion-checkbox" hidden> <label class="accordion-header c-hand" for="docs-accordion-1"> Getting started @@ -49,7 +49,7 @@ </ul> </div> </div> - <div class="accordion-item"> + <div class="accordion"> <input type="checkbox" id="docs-accordion-2" name="docs-accordion-checkbox" hidden> <label class="accordion-header c-hand" for="docs-accordion-2"> Elements @@ -83,7 +83,7 @@ </ul> </div> </div> - <div class="accordion-item"> + <div class="accordion"> <input type="checkbox" id="docs-accordion-3" name="docs-accordion-checkbox" hidden> <label class="accordion-header c-hand" for="docs-accordion-3"> Layout @@ -102,7 +102,7 @@ </ul> </div> </div> - <div class="accordion-item"> + <div class="accordion"> <input type="checkbox" id="docs-accordion-4" name="docs-accordion-checkbox" hidden> <label class="accordion-header c-hand" for="docs-accordion-4"> Components @@ -172,7 +172,7 @@ </ul> </div> </div> - <div class="accordion-item"> + <div class="accordion"> <input type="checkbox" id="docs-accordion-5" name="docs-accordion-checkbox" hidden> <label class="accordion-header c-hand" for="docs-accordion-5"> Utilities @@ -206,7 +206,7 @@ </ul> </div> </div> - <div class="accordion-item"> + <div class="accordion"> <input type="checkbox" id="docs-accordion-6" name="docs-accordion-checkbox" hidden checked> <label class="accordion-header c-hand" for="docs-accordion-6"> Experimentals @@ -516,7 +516,7 @@ </div> </div> -<!-- comparison sliders example --> +<!-- comparison sliders --> <pre class="code" data-lang="HTML"><code><<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"comparison-slider"</span>> <<span class="tag">figure</span> <span class="atn">class</span>=<span class="atv">"comparison-before"</span>><<span class="tag">/div</span>> <span class="com"><!-- image (before) --></span> @@ -656,7 +656,7 @@ </div> </div> -<!-- filters example --> +<!-- filters --> <pre class="code" data-lang="HTML"><code><<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"filter"</span>> <<span class="tag">input</span> <span class="atn">type</span>=<span class="atv">"radio"</span> <span class="atn">id</span>=<span class="atv">"tag-all"</span> <span class="atn">class</span>=<span class="atv">"filter-tag"</span> <span class="atn">name</span>=<span class="atv">"filter-radio"</span> <span class="atn">hidden</span> <span class="atn">checked</span>> <<span class="tag">input</span> <span class="atn">type</span>=<span class="atv">"radio"</span> <span class="atn">id</span>=<span class="atv">"tag-action"</span> <span class="atn">class</span>=<span class="atv">"filter-tag"</span> <span class="atn">name</span>=<span class="atv">"filter-radio"</span> <span class="atn">hidden</span>> @@ -705,7 +705,7 @@ <p></p> </div> -<!-- meters example --> +<!-- meters --> <pre class="code" data-lang="HTML"><code><span class="com"><!-- Meter is green when low < value < high --></span> <<span class="tag">meter</span> <span class="atn">class</span>=<span class="atv">"meter"</span> <span class="atn">value</span>=<span class="atv">"20"</span> <span class="atn">min</span>=<span class="atv">"0"</span> <span class="atn">max</span>=<span class="atv">"100"</span>><<span class="tag">/meter</span>> <<span class="tag">meter</span> <span class="atn">class</span>=<span class="atv">"meter"</span> <span class="atn">value</span>=<span class="atv">"60"</span> <span class="atn">min</span>=<span class="atv">"0"</span> <span class="atn">max</span>=<span class="atv">"100"</span> <span class="atn">low</span>=<span class="atv">"30"</span> <span class="atn">high</span>=<span class="atv">"80"</span>><<span class="tag">/meter</span>> @@ -741,7 +741,7 @@ </div> </div> -<!-- parallax example --> +<!-- 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>> @@ -780,7 +780,7 @@ </div> </div> -<!-- progress example --> +<!-- progress --> <pre class="code" data-lang="HTML"><code><<span class="tag">progress</span> <span class="atn">class</span>=<span class="atv">"progress"</span> <span class="atn">value</span>=<span class="atv">"25"</span> <span class="atn">max</span>=<span class="atv">"100"</span>><<span class="tag">/progress</span>> <<span class="tag">progress</span> <span class="atn">class</span>=<span class="atv">"progress"</span> <span class="atn">max</span>=<span class="atv">"100"</span>><<span class="tag">/progress</span>> </code></pre> @@ -801,7 +801,7 @@ </div> </div> -<!-- sliders example --> +<!-- sliders --> <pre class="code" data-lang="HTML"><code><<span class="tag">input</span> <span class="atn">class</span>=<span class="atv">"slider"</span> <span class="atn">type</span>=<span class="atv">"range"</span> <span class="atn">min</span>=<span class="atv">"0"</span> <span class="atn">max</span>=<span class="atv">"100"</span> <span class="atn">value</span>=<span class="atv">"50"</span> <span class="tag">/</span>> </code></pre> @@ -874,7 +874,7 @@ </div> </div> -<!-- timelines example --> +<!-- timelines --> <pre class="code" data-lang="HTML"><code><<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"timeline"</span>> <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"timeline-item"</span> <span class="atn">id</span>=<span class="atv">"timeline-example-1"</span>> <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"timeline-left"</span>> |