| @media (min-width: 997px) { | |
| .sidebar { | |
| display: flex; | |
| flex-direction: column; | |
| height: 100%; | |
| padding-top: var(--ifm-navbar-height); | |
| width: var(--doc-sidebar-width); | |
| } | |
| .sidebarWithHideableNavbar { | |
| padding-top: 0; | |
| } | |
| .sidebarHidden { | |
| opacity: 0; | |
| visibility: hidden; | |
| } | |
| .sidebarLogo { | |
| display: flex !important; | |
| align-items: center; | |
| margin: 0 var(--ifm-navbar-padding-horizontal); | |
| min-height: var(--ifm-navbar-height); | |
| max-height: var(--ifm-navbar-height); | |
| color: inherit !important; | |
| text-decoration: none !important; | |
| } | |
| .sidebarLogo img { | |
| margin-right: 0.5rem; | |
| height: 2rem; | |
| } | |
| } | |
| .sidebarLogo { | |
| display: none; | |
| } | |
| /* Version Switcher Styles */ | |
| .sidebarVersionSwitch { | |
| position: sticky; | |
| top: 0; | |
| z-index: 10; | |
| padding: 4px 1rem; | |
| display: flex; | |
| align-items: center; | |
| gap: 0.5rem; | |
| border-bottom: 1px solid var(--ifm-toc-border-color); | |
| background-color: var(--ifm-background-surface-color); | |
| flex-shrink: 0; | |
| border: 1px solid #7B48FE; | |
| margin: 1rem; | |
| border-radius: .5rem; | |
| } | |
| .sidebarVersionSwitch span { | |
| font-weight: 600; | |
| font-size: 0.875rem; | |
| color: var(--ifm-font-color-base); | |
| white-space: nowrap; | |
| } | |
| .sidebarVersionSwitch > div { | |
| flex: 1; | |
| } |