diff options
| author |  Drew Powers <1369770+drwpow@users.noreply.github.com>
| 2021-05-17 17:45:41 -0500 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2021-05-17 17:45:41 -0500 |
| commit | d6cedac38e25fbec8425e020c16393fd70f0adf6 (patch) | |
| tree | 4bda69f8ec6ab76d75f1f98b141886ce5305df4d /examples/blog/src/components/Nav.astro | |
| parent | d8a78298f354e775c1a3ad8b2d44e372969b0c39 (diff) | |
| download | astro-d6cedac38e25fbec8425e020c16393fd70f0adf6.tar.gz astro-d6cedac38e25fbec8425e020c16393fd70f0adf6.tar.zst astro-d6cedac38e25fbec8425e020c16393fd70f0adf6.zip | |
Improve blog template (#217)
Diffstat (limited to 'examples/blog/src/components/Nav.astro')
| -rw-r--r-- | examples/blog/src/components/Nav.astro | 22 |
1 files changed, 15 insertions, 7 deletions
diff --git a/examples/blog/src/components/Nav.astro b/examples/blog/src/components/Nav.astro index f1ac28c98..86919ac4d 100644 --- a/examples/blog/src/components/Nav.astro +++ b/examples/blog/src/components/Nav.astro @@ -1,3 +1,7 @@ +--- +export let title; +--- + <style lang="scss"> .header { display: flex; @@ -7,8 +11,10 @@ .title { margin: 0; - font-size: 1em; - margin-right: 2rem; + font-size: 1.2em; + letter-spacing: -0.03em; + font-weight: 400; + margin-right: 1em; } .nav { @@ -28,17 +34,19 @@ li { a { display: block; - margin-left: 1rem; - margin-right: 1rem; + font-size: 1.2em; + letter-spacing: -0.02em; + margin-left: 0.75em; + margin-right: 0.75em; } </style> <nav class="header"> - <h1 class="title">Muppet Blog</h1> + <h1 class="title">Don’s 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="/author/don">Author: Don</a></li> + <li><a href="/author/sancho">Author: Sancho</a></li> <li><a href="/about">About</a></li> </ul> </nav> |