summaryrefslogtreecommitdiff
path: root/examples/blog/src/components/Nav.astro
diff options
context:
space:
mode:
authorGravatar Nate Moore <natemoo-re@users.noreply.github.com> 2021-04-26 16:54:20 -0500
committerGravatar GitHub <noreply@github.com> 2021-04-26 15:54:20 -0600
commitdea1a6dfc9dec54034d2b872b4cd36c0174814c6 (patch)
tree49569a511201b4defc23b6654b475e458452596a /examples/blog/src/components/Nav.astro
parent0ea4a986e207238bf0ac1db841b2a5d5b567d84d (diff)
downloadastro-dea1a6dfc9dec54034d2b872b4cd36c0174814c6.tar.gz
astro-dea1a6dfc9dec54034d2b872b4cd36c0174814c6.tar.zst
astro-dea1a6dfc9dec54034d2b872b4cd36c0174814c6.zip
Update defaults directory structure to `src` and `dist` (#132)
* chore: update defaults in docs * chore: update config defaults * test: update tests to config defaults * chore: update gitignore to new defaults * docs: update readme to new defaults * chore: update examples to new defaults * chore: update default exclude in lang server * chore: update tests * test: fix failing tests * chore: update www defaults
Diffstat (limited to 'examples/blog/src/components/Nav.astro')
-rw-r--r--examples/blog/src/components/Nav.astro44
1 files changed, 44 insertions, 0 deletions
diff --git a/examples/blog/src/components/Nav.astro b/examples/blog/src/components/Nav.astro
new file mode 100644
index 000000000..f1ac28c98
--- /dev/null
+++ b/examples/blog/src/components/Nav.astro
@@ -0,0 +1,44 @@
+<style lang="scss">
+.header {
+ display: flex;
+ align-items: center;
+ padding: 2rem;
+}
+
+.title {
+ margin: 0;
+ font-size: 1em;
+ margin-right: 2rem;
+}
+
+.nav {
+ display: flex;
+}
+
+ul {
+ display: flex;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+li {
+ margin: 0;
+}
+
+a {
+ display: block;
+ margin-left: 1rem;
+ margin-right: 1rem;
+}
+</style>
+
+<nav class="header">
+ <h1 class="title">Muppet Blog</h1>
+ <ul class="nav">
+ <li><a href="/">All Posts</a></li>
+ <li><a href="/tag/movie/1">Movies</a></li>
+ <li><a href="/tag/television/1">Television</a></li>
+ <li><a href="/about">About</a></li>
+ </ul>
+</nav>