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