diff options
| author | Ariel Costas Guerrero <94913521+arielcostas@users.noreply.github.com> | 2025-03-12 22:59:14 +0100 |
|---|---|---|
| committer | Ariel Costas Guerrero <94913521+arielcostas@users.noreply.github.com> | 2025-03-12 22:59:14 +0100 |
| commit | 3198544f5534822e8f02f49b9435a12126fc8525 (patch) | |
| tree | fee7aa406820f92f830973cd0d1830b41ffe8621 /src | |
| parent | 2b13e3d12cac732500ab1364358b33eeff9d361d (diff) | |
Improve styling
Diffstat (limited to 'src')
| -rw-r--r-- | src/layouts/Layout.astro | 34 |
1 files changed, 24 insertions, 10 deletions
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 6eff088..2f508f9 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -69,7 +69,11 @@ const { title, description } = Astro.props; flex-direction: column; gap: 1.5rem; - background-color: $background; + background: linear-gradient(to bottom, + #FFFFFF 0%, + $background 3rem, + $background 100% + ); color: $dark; } @@ -109,15 +113,6 @@ const { title, description } = Astro.props; padding-block-end: 3rem; - a { - color: $accentDark; - transition: color 0.2s ease-in-out; - - &:hover { - color: $accent; - } - } - > p > code { word-break: break-word; font-family: $monoFontStack; @@ -136,4 +131,23 @@ const { title, description } = Astro.props; overflow: scroll; } } + + main a, footer a { + color: $accentDark; + transition: color 0.2s ease-in-out, + box-shadow 0.2s ease-in-out; + text-decoration: none; + padding: 0.1rem; + box-shadow: 0 1px $accent; + + &:hover { + box-shadow: 0 2px $accentDark; + } + + &:focus { + outline: none; + background-color: $secondary; + box-shadow: 0 4px #0b0c0c; + } + } </style> |