tomasalias/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Improve docs

Browse Source
This commit is contained in:
venashial
2022-03-09 22:18:22 -08:00
parent d1babe27ec
commit c6df78eb81
14 changed files with 1471 additions and 1323 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/routes/_docs/Sidebar.svelte Normal file
View File

@@ -0,0 +1,41 @@
<nav class="sidebar">
<div class="section">
<span class="section__title">Introduction</span>
<a href="/" class="section__link">Welcome</a>
</div>
<div class="section">
<span class="section__title">Components</span>
{#each ['buttons'] as component}
<a href="/components/{component}" class="section__link">{component}</a>
{/each}
</div>
</nav>
<style lang="postcss">
.sidebar {
display: flex;
flex-direction: column;
grid-gap: 2rem;
background-color: hsl(216, 10%, 30%);
color: hsl(216, 10%, 80%);
padding: 1.5rem;
.section {
display: flex;
flex-direction: column;
grid-gap: 0.2rem;
&__title {
text-transform: uppercase;
font-size: 12px;
}
&__link {
text-transform: capitalize;
color: hsl(216, 10%, 90%);
text-decoration: none;
}
}
}
</style>