docs/site: add minimum width for sidebar

This commit is contained in:
Gabriel Arazas 2023-07-21 12:41:13 +08:00
parent 4cea1e4e56
commit 91d111632c
No known key found for this signature in database
GPG Key ID: ADE0C41DAB221FCC

View File

@ -7,6 +7,7 @@ $line-height: 1.45;
:root { :root {
--gap: 1rem; --gap: 1rem;
--sidebar-width: 22%; --sidebar-width: 22%;
--min-sidebar-width: 225px;
} }
body { body {
@ -31,6 +32,7 @@ body {
top: 0; top: 0;
left: 0; left: 0;
width: var(--sidebar-width); width: var(--sidebar-width);
min-width: var(--min-sidebar-width);
& ul, & ol { & ul, & ol {
padding-left: 1em; padding-left: 1em;
@ -41,7 +43,7 @@ body {
padding: var(--gap); padding: var(--gap);
overflow-y: auto; overflow-y: auto;
margin: 0 auto; margin: 0 auto;
margin-left: var(--sidebar-width); margin-left: calc(max(var(--min-sidebar-width), var(--sidebar-width)));
max-width: var(--content-width); max-width: var(--content-width);
} }