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

Add CSS & Icons docs

Browse Source
This commit is contained in:
venashial
2022-03-09 23:17:28 -08:00
parent c6df78eb81
commit 6dcd33bbc5
12 changed files with 1309 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/routes/__layout.svelte
View File

@@ -1,10 +1,10 @@
<script lang="ts">
import "$lib/styles/variables.postcss";
import "../lib/styles/themes/old.postcss";
import Sidebar from "./_docs/Sidebar.svelte";
import "$lib/styles/variables.postcss"
import "$lib/styles/themes.postcss"
import "./_docs/prism-one-dark.css"
import Sidebar from "./_docs/Sidebar.svelte"
</script>
<div class="app">
<Sidebar />
<main class="app__content">
@@ -22,14 +22,23 @@
.app {
display: grid;
min-height: 100vh;
grid-template-columns: 250px 1fr;
@media(width <= 500px) {
--sidebar-size: 250px;
padding-left: var(--sidebar-size);
@media (width <= 500px) {
display: flex;
flex-direction: column;
}
overflow: hidden;
&__content {
padding: 1rem max(10vw, 1rem);
padding: 1rem max(8vw, 1rem);
max-width: 100%;
overflow-x: hidden;
overflow-y: auto;
:global(a) {
color: hsl(216, 50%, 50%);
}
}
}
</style>