/** * embed.css * Drop this into your MkDocs project (e.g. docs/stylesheets/embed.css) * and reference it via extra_css in mkdocs.yml. * * Only takes effect when embed.js has added the "is-embedded" class to * (i.e. the page was loaded with ?embed=1). Normal visits to the * docs site are untouched. * * Selectors below target MkDocs Material's default theme classes. * If you're using a different MkDocs theme, adjust the selectors to * match your theme's header/footer markup. */ /* Hide header bar + nav tabs strip (Material theme) */ html.is-embedded .md-header, html.is-embedded .md-tabs { display: none !important; } /* Hide footer (prev/next links + copyright bar) */ html.is-embedded .md-footer { display: none !important; } /* Hide left nav sidebar */ html.is-embedded .md-sidebar--primary { display: none !important; } /* Hide right-side table of contents sidebar */ html.is-embedded .md-sidebar--secondary { display: none !important; } /* Let content fill the space the sidebar used to occupy */ html.is-embedded .md-content { margin-left: 0 !important; } html.is-embedded .md-grid { max-width: 100%; } /* Remove the top padding/margin that normally accounts for the fixed header, since the header is gone. */ html.is-embedded .md-container, html.is-embedded .md-main { margin-top: 0 !important; padding-top: 0 !important; } /* Optional: also tighten side padding to make better use of the narrower space below-the-fold on a product page. Remove this block if you want to keep default spacing. */ html.is-embedded .md-grid { max-width: 100%; } /* Avoid double scrollbars: since the parent page will size the iframe to fit content, the embedded page itself should never need to scroll internally. */ html.is-embedded, html.is-embedded body { overflow: visible !important; }