diff options
Diffstat (limited to 'examples/blog/src/components/Nav.astro')
| -rw-r--r-- | examples/blog/src/components/Nav.astro | 44 |
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> |