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

Run prettier

Browse Source
This commit is contained in:
venashial
2022-06-04 00:46:23 -07:00
parent 597c071c3d
commit c9ec9f14de
49 changed files with 1515 additions and 1469 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
src/routes/__layout.svelte
View File

@@ -1,63 +1,63 @@
<script lang="ts">
import '$package/styles.postcss';
import '../docs/styles/prism-one-dark.css';
import '../docs/styles/gh-markdown.postcss';
import Sidebar from '../docs/components/Sidebar.svelte';
import Header from '../docs/components/Header.svelte';
import '$package/styles.postcss'
import '../docs/styles/prism-one-dark.css'
import '../docs/styles/gh-markdown.postcss'
import Sidebar from '../docs/components/Sidebar.svelte'
import Header from '../docs/components/Header.svelte'
</script>
<div class="app theme-light">
<Header />
<Sidebar />
<main class="app__content">
<article>
<slot />
</article>
</main>
<Header />
<Sidebar />
<main class="app__content">
<article>
<slot />
</article>
</main>
</div>
<style lang="postcss">
:global {
html {
overflow-y: scroll;
}
:global {
html {
overflow-y: scroll;
}
body {
margin: 0;
font-size: var(--font-size);
font-family: var(--body-font);
body {
margin: 0;
font-size: var(--font-size);
font-family: var(--body-font);
--accent-color: hsl(331, 80%, 45%);
--accent-color-transparent: hsla(331, 80%, 45%, 0.15);
}
}
--accent-color: hsl(331, 80%, 45%);
--accent-color-transparent: hsla(331, 80%, 45%, 0.15);
}
}
.app {
display: flex;
flex-direction: column;
min-height: 100vh;
overflow: hidden;
background-color: var(--color-bg);
.app {
display: flex;
flex-direction: column;
min-height: 100vh;
overflow: hidden;
background-color: var(--color-bg);
--sidebar-width: 275px;
--sidebar-width: 275px;
&__content {
@media (--md) {
padding-left: var(--sidebar-width);
}
overflow-x: hidden;
overflow-y: auto;
&__content {
@media (--md) {
padding-left: var(--sidebar-width);
}
overflow-x: hidden;
overflow-y: auto;
article {
max-width: 800px;
padding-block: 140px 64px;
padding-inline: 24px;
article {
max-width: 800px;
padding-block: 140px 64px;
padding-inline: 24px;
@media (--sm) {
padding-inline: 48px;
padding-block: 140px 24px;
}
}
}
}
@media (--sm) {
padding-inline: 48px;
padding-block: 140px 24px;
}
}
}
}
</style>