js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

cleanup docs sidebar design

Browse Source
This commit is contained in:
lindsaym-fa
2024-06-13 20:28:34 -04:00
parent c37f86bbd6
commit 22e4d10031
1 changed files with 32 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
docs/assets/styles/docs.css
View File

@@ -38,15 +38,39 @@ wa-page[view='desktop']::part(navigation) {
}
wa-page[view='desktop'] > #sidebar {
min-width: 320px;
padding: 2rem;
min-width: 300px;
padding: var(--wa-space-xl);
}
#sidebar,
#outline {
h2 {
font-size: 1.125rem;
margin-block-end: 0.5rem;
font-size: var(--wa-font-size-m);
margin-block-end: var(--wa-space-m);
}
h2:not(:first-of-type) {
margin-block-start: var(--wa-space-xl);
}
ul {
border-inline-start: var(--wa-border-width-s) solid var(--wa-color-surface-border);
font-size: var(--wa-font-size-s);
line-height: var(--wa-line-height-condensed);
margin: 0;
padding-inline-start: var(--wa-space-m);
}
ul ul {
margin-block-start: var(--wa-space-m);
}
li {
list-style: none;
margin-block-end: var(--wa-space-m);
}
li a {
color: var(--wa-color-text-normal);
text-decoration: none;
}
li a:hover {
text-decoration: underline;
}
}
@@ -54,6 +78,10 @@ wa-page[view='desktop'] > #sidebar {
padding-bottom: 1rem;
}
wa-page::part(menu) {
scrollbar-width: thin;
}
/* Main content */
wa-page > main {
max-width: 80ch;