| /* 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; | |
| } | |
| } |