| .docItemContainer header+*, | |
| .docItemContainer article>*:first-child { | |
| margin-top: 0; | |
| } | |
| .lastUpdated { | |
| margin-bottom: 1rem; | |
| font-size: smaller; | |
| font-style: italic; | |
| } | |
| @media (min-width: 997px) { | |
| .docItemCol { | |
| max-width: 75% !important; | |
| } | |
| } | |
| .footerBtn { | |
| border: 1px solid #dfe5f0; | |
| height: 2.375rem; | |
| line-height: 2.375rem; | |
| padding: 0 0.375rem; | |
| border-radius: 4px; | |
| display:flex; | |
| align-items: center; | |
| cursor: pointer; | |
| } | |
| .footerBtn:hover { | |
| border: 1px solid var(--ifm-color-primary); | |
| } | |
| /* Freeze the search/menu toolbar + breadcrumb at the top on mobile | |
| so they remain reachable while scrolling. Sits just below the sticky | |
| NavbarNext (64px tall; 56px on phones at ≤768px) and, on Dev/4.x and | |
| community docs, the two-row domain strip. z-index stays under the navbar (300) but | |
| above content. */ | |
| @media (max-width: 996px) { | |
| .mobileStickyHeader { | |
| position: sticky; | |
| top: var( | |
| --docs-navigation-offset, | |
| calc(var(--home-next-banner-height, 0px) + var(--navbar-next-height, 64px)) | |
| ); | |
| z-index: 200; | |
| background-color: #fff; | |
| margin-bottom: 0.5rem; | |
| padding: 0.5rem 0 0.25rem; | |
| box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.08); | |
| } | |
| /* Breadcrumb has its own margin-bottom that we want inside the sticky | |
| strip's padding rather than escaping it. */ | |
| .mobileStickyHeader :global(.theme-doc-breadcrumbs) { | |
| margin-bottom: 0; | |
| } | |
| } |