duckling/sass/_docs.scss
david-swift 31f2fa7bac
Some checks failed
Publish / publish (push) Has been cancelled
Minimalize docs sidebar design #3
Delete templates/docs.html as there is no need for a separate toc site.
The new design is optimized for the sidebar.
2025-04-01 15:58:19 +02:00

65 lines
950 B
SCSS

#docs {
padding: 0.5em 1em;
border-radius: var(--rounded-corner);
min-width: 200px;
margin: 0rem 1rem 0rem 1rem;
ul {
padding: 0;
list-style-type: none;
}
a {
display: block;
text-decoration: none;
color: var(--fg-muted-5);
padding: 0.5em 1em 0.5em 1em;
background: transparent;
border-radius: var(--rounded-corner-small);
width: 100%;
}
a:hover {
background: var(--fg-muted-1-soft);
transition: 0.1s;
}
.active {
background: var(--fg-muted-1);
color: var(--fg-muted-5);
}
h3 {
padding-left: 1em;
font-size: var(--font-size-medium);
}
}
#docs-container {
display: flex;
flex-wrap: wrap;
height: 100%;
justify-content: center;
#docs {
left: 1em;
margin-bottom: 1em;
}
article {
margin-left: auto;
margin-right: auto;
max-width: var(--container-width);
min-width: var(--min-container-width);
}
}
#toc-hidden {
visibility: hidden;
height: 0px;
}
.expand-main {
width: 100%;
}