diff options
author | 2021-06-28 15:29:16 -0700 | |
---|---|---|
committer | 2021-06-28 15:29:16 -0700 | |
commit | 5591d4eb9fc70e781804f940fabd334b53ce7056 (patch) | |
tree | 9c4c4ebaf708e959a96b1fc9cede9c1fc9cc40b5 /examples/blog/src/components/Nav.astro | |
parent | 7063c04dec48fcabcda104c42d61642a554f6044 (diff) | |
download | astro-5591d4eb9fc70e781804f940fabd334b53ce7056.tar.gz astro-5591d4eb9fc70e781804f940fabd334b53ce7056.tar.zst astro-5591d4eb9fc70e781804f940fabd334b53ce7056.zip |
update the blog example (#565)
Diffstat (limited to 'examples/blog/src/components/Nav.astro')
-rw-r--r-- | examples/blog/src/components/Nav.astro | 63 |
1 files changed, 0 insertions, 63 deletions
diff --git a/examples/blog/src/components/Nav.astro b/examples/blog/src/components/Nav.astro deleted file mode 100644 index a7ef0985f..000000000 --- a/examples/blog/src/components/Nav.astro +++ /dev/null @@ -1,63 +0,0 @@ ---- -export interface Props { - title: string; -} -const { title } = Astro.props; ---- - -<style lang="scss"> -.header { - text-align: center; - - @media (min-width: 600px) { - display: flex; - align-items: center; - padding: 2rem; - } -} - -.title { - margin: 0; - font-size: 1.2em; - letter-spacing: -0.03em; - font-weight: 400; - margin-right: 1em; -} - -.nav { - text-align: center; - - @media (min-width: 600px) { - display: flex; - } -} - -ul { - list-style: none; - margin: 0; - padding: 0; -} - -li { - margin: 0; -} - -a { - display: block; - font-size: 1.2em; - letter-spacing: -0.02em; - margin-left: 0.75em; - margin-right: 0.75em; -} -</style> - -<nav class="header"> - <h1 class="title">Don’s Blog</h1> - <ul class="nav"> - <li><a href="/">Home</a></li> - <li><a href="/posts">All Posts</a></li> - <li><a href="/author/don">Author: Don</a></li> - <li><a href="/author/sancho">Author: Sancho</a></li> - <li><a href="/about">About</a></li> - </ul> -</nav> |