From a397bbd5065eb2241733d7b96ecac0da644a9282 Mon Sep 17 00:00:00 2001 From: Dominik Lander Date: Fri, 12 Apr 2024 17:11:34 +0100 Subject: [PATCH 1/2] Improve header bar --- src/components/Nav.astro | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/src/components/Nav.astro b/src/components/Nav.astro index 369cc08d..5398e825 100644 --- a/src/components/Nav.astro +++ b/src/components/Nav.astro @@ -42,13 +42,11 @@ const { path } = Astro.props; padding-bottom: 8px; text-decoration: none; - &.active { + &.active, + &:hover, + :focus { padding-top: 2px; border-top: 3px solid; - } - - &:focus, - &:hover { color: gold; } } From 71e4f4242b06f64bf9008b2c0279d4a3ddeb8ca0 Mon Sep 17 00:00:00 2001 From: Dominik Lander Date: Fri, 12 Apr 2024 17:11:52 +0100 Subject: [PATCH 2/2] Add Astro View Transitions --- src/layouts/page.astro | 104 +++++++++++++++++++++-------------------- 1 file changed, 53 insertions(+), 51 deletions(-) diff --git a/src/layouts/page.astro b/src/layouts/page.astro index 57bba642..35e6941a 100644 --- a/src/layouts/page.astro +++ b/src/layouts/page.astro @@ -1,4 +1,5 @@ --- +import { ViewTransitions } from "astro:transitions"; import Nav from "../components/Nav.astro"; import Footer from "../components/Footer.astro"; import Social from "../components/Social.astro"; @@ -28,6 +29,8 @@ const { body, heading } = font; href="https://assets.guim.co.uk/static/frontend/fonts/font-faces.css" rel="stylesheet" /> + + @@ -46,57 +49,56 @@ const { body, heading } = font; - - + + + .frame { + border: 1px solid #444; + } + + main { + & > h1, + & > h2, + & > h3, + & > p { + padding: 0 1rem; + } + + & > ul { + padding-left: 2rem; + } + } + + +