mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-24 02:16:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Docs: separate pages

Browse source
This commit is contained in:
Lucas Larroche 2021-10-31 21:33:19 +07:00
parent cea5c8c04c
commit bbb53c7dd4
61 changed files with 2994 additions and 1498 deletions
Download patch file Download diff file Expand all files Collapse all files

63
docs/src/_sidebar.html Normal file
View file

@ -0,0 +1,63 @@
<aside>
<nav>
<h1>Documentation</h1>
<details>
<summary>Getting started</summary>
<ul>
<li><a href="./" id="start-link" class="secondary">Usage</a></li>
<li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li>
<li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li>
<li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li>
<li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li>
</ul>
</details>
<details>
<summary>Layout</summary>
<ul>
<li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li>
<li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li>
<li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li>
</ul>
</details>
<details>
<summary>Elements</summary>
<ul>
<li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li>
<li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li>
<li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li>
<li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li>
</ul>
</details>
<details>
<summary>Components</summary>
<ul>
<li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li>
<li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li>
<li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li>
<li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li>
</ul>
</details>
<details>
<summary>Utilities</summary>
<ul>
<li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li>
<li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li>
</ul>
</details>
<details>
<summary>Extend</summary>
<ul>
<li>
<a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a>
</li>
</ul>
</details>
</nav>
</aside>
<script>
const activeLink = document.querySelector(`aside a#${props.active}`);
const parentAccordion = activeLink.closest('details');
activeLink.classList.add('active');
parentAccordion.setAttribute('open', 'true');
</script>