mirror of
https://github.com/shoelace-style/webawesome.git
synced 2026-01-12 12:09:26 +00:00
6d31db57f6
* Initial progress * Make responsive * quick fix to show theme name/description * Small styling tweaks * Documentation updates * Revisions and improvements * Avoid using static URLs 'cause that's ridiculous --------- Co-authored-by: Cory LaViska <cory@abeautifulsite.net>
51 lines
759 B
CSS
51 lines
759 B
CSS
#outline {
|
|
order: 2;
|
|
margin-block: 2rem;
|
|
}
|
|
|
|
#outline h2 > a {
|
|
font-weight: inherit;
|
|
color: inherit;
|
|
}
|
|
|
|
#outline > nav {
|
|
position: sticky;
|
|
top: calc(var(--docs-header-height) + 3.5rem);
|
|
padding-inline-end: 2rem;
|
|
max-width: 240px;
|
|
min-width: 240px;
|
|
}
|
|
|
|
#outline-expandable {
|
|
display: none;
|
|
}
|
|
|
|
#outline-expandable ul {
|
|
columns: 2;
|
|
column-gap: 2rem;
|
|
padding-inline: 1rem;
|
|
}
|
|
|
|
#outline [data-level='3'] {
|
|
margin-inline-start: 1rem;
|
|
}
|
|
|
|
@media screen and (max-width: 1199px) {
|
|
wa-page [slot='aside'] {
|
|
display: none;
|
|
}
|
|
#outline {
|
|
padding-block: 0.25rem;
|
|
margin-block-end: -1rem;
|
|
}
|
|
|
|
#outline-standard {
|
|
display: none;
|
|
}
|
|
|
|
#outline-expandable {
|
|
display: block;
|
|
margin-block-end: var(--wa-space-xl);
|
|
}
|
|
}
|