diff options
Diffstat (limited to 'src/layouts/Layout.astro')
| -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> |