diff options
author | 2023-06-06 11:21:19 -0500 | |
---|---|---|
committer | 2023-06-06 11:21:19 -0500 | |
commit | 5ed2a2f666707e579e18f2890ab89b7cc6f717c3 (patch) | |
tree | 9895d49bc5bd33a63ff0f2e94053e771a54b9dc4 /examples/docs/src/components/Header/Header.astro | |
parent | d5a089810f8218f694ac56591648d36051708560 (diff) | |
download | astro-5ed2a2f666707e579e18f2890ab89b7cc6f717c3.tar.gz astro-5ed2a2f666707e579e18f2890ab89b7cc6f717c3.tar.zst astro-5ed2a2f666707e579e18f2890ab89b7cc6f717c3.zip |
chore: remove docs example (#7306)
Diffstat (limited to 'examples/docs/src/components/Header/Header.astro')
-rw-r--r-- | examples/docs/src/components/Header/Header.astro | 149 |
1 files changed, 0 insertions, 149 deletions
diff --git a/examples/docs/src/components/Header/Header.astro b/examples/docs/src/components/Header/Header.astro deleted file mode 100644 index 3f578480b..000000000 --- a/examples/docs/src/components/Header/Header.astro +++ /dev/null @@ -1,149 +0,0 @@ ---- -import { getLanguageFromURL, KNOWN_LANGUAGE_CODES } from '../../languages'; -import { SITE } from '../../consts'; -import AstroLogo from './AstroLogo.astro'; -import SkipToContent from './SkipToContent.astro'; -import SidebarToggle from './SidebarToggle'; -import LanguageSelect from './LanguageSelect'; -import Search from './Search'; - -type Props = { - currentPage: string; -}; - -const { currentPage } = Astro.props; -const lang = getLanguageFromURL(currentPage); ---- - -<header> - <SkipToContent /> - <nav class="nav-wrapper" title="Top Navigation"> - <div class="menu-toggle"> - <SidebarToggle client:idle /> - </div> - <div class="logo flex"> - <a href="/"> - <AstroLogo size={40} /> - <h1>{SITE.title ?? 'Documentation'}</h1> - </a> - </div> - <div style="flex-grow: 1;"></div> - {KNOWN_LANGUAGE_CODES.length > 1 && <LanguageSelect lang={lang} client:idle />} - <div class="search-item"> - <Search client:idle /> - </div> - </nav> -</header> - -<style> - header { - z-index: 11; - height: var(--theme-navbar-height); - width: 100%; - background-color: var(--theme-navbar-bg); - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - position: sticky; - top: 0; - } - - .logo { - flex: 1; - display: flex; - overflow: hidden; - width: 30px; - font-size: 2rem; - flex-shrink: 0; - font-weight: 600; - line-height: 1; - color: hsla(var(--color-base-white), 100%, 1); - gap: 0.25em; - z-index: -1; - } - - .logo a { - display: flex; - padding: 0.5em 0.25em; - margin: -0.5em -0.25em; - text-decoration: none; - font-weight: bold; - } - - .logo a { - transition: color 100ms ease-out; - color: var(--theme-text); - } - - .logo a:hover, - .logo a:focus { - color: var(--theme-text-accent); - } - - .logo h1 { - display: none; - font: inherit; - color: inherit; - margin: 0; - } - - .nav-wrapper { - display: flex; - align-items: center; - justify-content: flex-end; - gap: 1em; - width: 100%; - max-width: 82em; - padding: 0 1rem; - } - - @media (min-width: 50em) { - header { - position: static; - padding: 2rem 0rem; - } - - .logo { - width: auto; - margin: 0; - z-index: 0; - } - - .logo h1 { - display: initial; - } - - .menu-toggle { - display: none; - } - } - - /** Style Algolia */ - :root { - --docsearch-primary-color: var(--theme-accent); - --docsearch-logo-color: var(--theme-text); - } - - .search-item { - display: none; - position: relative; - z-index: 10; - flex-grow: 1; - padding-right: 0.7rem; - display: flex; - max-width: 200px; - } - - @media (min-width: 50em) { - .search-item { - max-width: 400px; - } - } -</style> - -<style is:global> - .search-item > * { - flex-grow: 1; - } -</style> |