aboutsummaryrefslogtreecommitdiff
path: root/examples/docs/src/components/Header/Header.astro
diff options
context:
space:
mode:
authorGravatar Nate Moore <natemoo-re@users.noreply.github.com> 2023-06-06 11:21:19 -0500
committerGravatar GitHub <noreply@github.com> 2023-06-06 11:21:19 -0500
commit5ed2a2f666707e579e18f2890ab89b7cc6f717c3 (patch)
tree9895d49bc5bd33a63ff0f2e94053e771a54b9dc4 /examples/docs/src/components/Header/Header.astro
parentd5a089810f8218f694ac56591648d36051708560 (diff)
downloadastro-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.astro149
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>