nixos-config/docs/assets/scss/extend.scss

59 lines
861 B
SCSS

$tooltip-size: 5em;
$line-height: 1.45;
@import "animations";
@import "asciidoctor";
:root {
--gap: 1rem;
--sidebar-width: 22%;
--min-sidebar-width: 225px;
}
body {
padding: 0;
margin: 0;
max-width: unset;
width: 100vw;
height: 100vh;
}
.book__sidebar {
margin: 0;
padding: var(--gap);
background: var(--base01);
height: 100vh;
overflow-y: auto;
outline: none;
transition: 0.2s;
position: fixed;
top: 0;
left: 0;
width: var(--sidebar-width);
min-width: var(--min-sidebar-width);
& ul, & ol {
padding-left: 1em;
}
}
.book__content {
padding: var(--gap);
overflow-y: auto;
margin: 0 auto;
margin-left: calc(max(var(--min-sidebar-width), var(--sidebar-width)));
max-width: var(--content-width);
}
.site__toc-header {
font-size: 1.25em;
font-weight: bold;
}
article h1 {
font-size: 2rem;
}