thohlt/archtika
1
0
Fork 0
mirror of https://github.com/thiloho/archtika.git synced 2025-11-22 10:51:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

Finish base template for blog

Browse Source
This commit is contained in:
thiloho
2024-08-28 17:30:32 +02:00
parent 6a5cf76264
commit 4572b7f6ce
7 changed files with 170 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
web-app/template-styles/docs-styles.css
View File

@@ -41,6 +41,40 @@ label[for="toggle-sidebar"] {
place-content: center;
}
.docs-navigation {
display: none;
position: fixed;
inset-block-start: var(--space-xl);
padding: var(--space-s);
padding-inline-start: 0;
inline-size: 15rem;
block-size: calc(100vh - var(--space-xl));
background-color: var(--bg-primary);
border-inline-end: var(--border-primary);
}
.docs-navigation > ul {
display: flex;
flex-direction: column;
gap: var(--space-s);
}
#toggle-sidebar:checked ~ .docs-navigation {
display: unset;
}
@media (min-width: 1300px) {
.docs-navigation {
display: unset;
inset-inline-start: calc(50% - 37.5ch - var(--space-m));
transform: translateX(-100%);
}
#toggle-sidebar:checked ~ .docs-navigation {
display: none;
}
}
@media (min-width: 1525px) {
#table-of-contents {
position: fixed;