blob: 91ff8f26bb8c01f3aabc354c09e02e8645702cc1 [file] [edit]
/* Enable flexible wide-viewing for Furo theme. */
:root {
/* Remove Furo's default max-width for the content area. */
--content-width: none;
}
/* These settings seem to reasonably balance between readability and content
* density for wide screens. */
.page .sidebar-drawer {
width: unset;
}
.main .toc-drawer {
min-width: 15em;
}
/* Ensure the main content area is allowed to shrink/not-overflow
its grid cell, preventing it from pushing the TOC sidebar away. */
.main, .content {
min-width: 0;
max-width: 100%;
/* Remove default width setting from furo's content. */
width: unset;
}
/* Disable small margin added by various UA stylesheets to prevent
* scrolling artifacts. */
body {
margin: 0;
}
/* Allow the top-level container to fill the entire browser width. */
.page {
max-width: none;
}
/* Ensure wide tables and code blocks have their own scrollbars
instead of forcing the container to expand beyond the viewport. */
.content table,
.content .literal-block,
.content .highlight {
max-width: 100%;
overflow-x: auto;
display: block;
}
/* Ensure paragraphs wrap within the content area. */
.content p {
overflow-wrap: break-word;
}
/* Pygments emits Error tokens that the theme's style renders as
red-bordered boxes. Render them like ordinary code text instead. */
body[data-theme="dark"] .highlight .err,
.highlight .err {
border: none;
background-color: transparent;
color: inherit;
}
/* Printing support. */
@media print {
pre {
white-space: pre-wrap !important;
}
.content-icon-container,
.skip-to-content,
.back-to-top {
display: none !important;
}
}