diff options
| author | Ariel Costas Guerrero <94913521+arielcostas@users.noreply.github.com> | 2025-03-14 23:33:56 +0100 |
|---|---|---|
| committer | Ariel Costas Guerrero <94913521+arielcostas@users.noreply.github.com> | 2025-03-14 23:33:56 +0100 |
| commit | e3c4bb2efa513973bc26949a8be62fbe66e31a4f (patch) | |
| tree | 75a46cbde3ec2d36cfd33bff63ae7c65d145c182 /src/layouts/Layout.astro | |
| parent | 54dab1e00b38693e96c801d0c5a020693a35bbda (diff) | |
Implement new page layouts for Home, Contact, Portfolio, and Trajectory; update header and footer for multilingual support
Diffstat (limited to 'src/layouts/Layout.astro')
| -rw-r--r-- | src/layouts/Layout.astro | 28 |
1 files changed, 20 insertions, 8 deletions
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 4952d55..eda1716 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -13,7 +13,7 @@ const { title, description } = Astro.props; --- <!doctype html> -<html lang="es"> +<html lang={Astro.currentLocale}> <head> <meta charset="UTF-8" /> <meta name="description" content={description} /> @@ -53,6 +53,7 @@ const { title, description } = Astro.props; <style is:global lang="scss"> @use "../../styles/shared.scss" as *; + @use "sass:color"; html, body { @@ -82,7 +83,7 @@ const { title, description } = Astro.props; } *::selection { - background-color: transparentize($accent, 0.85); + background-color: color.adjust($accent, $alpha: -0.85); } li > time { @@ -93,12 +94,17 @@ const { title, description } = Astro.props; padding: 1rem; margin-block: 1rem; border-radius: 0.5rem; - - box-shadow: 0 0 0 1px $accent; - + &.note { background-color: $noteBackground; color: $noteText; + box-shadow: 0 0 0 1px $noteText; + } + + &.warning { + background-color: $warningBackground; + color: $warningText; + box-shadow: 0 0 0 1px $warningText; } } @@ -132,10 +138,15 @@ const { title, description } = Astro.props; } } - main a, footer a { + main a { color: $accentDark; - transition: color 0.2s ease-in-out, - box-shadow 0.2s ease-in-out; + } + + footer a { + color: $accentLight; + } + + main a, footer a { text-decoration: none; padding: 0.1rem; box-shadow: 0 1px $accent; @@ -145,6 +156,7 @@ const { title, description } = Astro.props; } &:focus { + color: $accentDark; outline: none; background-color: $secondary; box-shadow: 0 4px #0b0c0c; |