From 9385a8a39d1c39af84dfd7fe6596281359c5e329 Mon Sep 17 00:00:00 2001 From: Ruidy Date: Tue, 31 Dec 2024 09:04:36 +0100 Subject: [PATCH] feat: add styles --- src/pages/about.astro | 7 +++++-- src/pages/blog.astro | 2 ++ src/pages/index.astro | 2 ++ src/styles/global.css | 21 +++++++++++++++++++++ 4 files changed, 30 insertions(+), 2 deletions(-) create mode 100644 src/styles/global.css diff --git a/src/pages/about.astro b/src/pages/about.astro index 2106db5..55e68fb 100644 --- a/src/pages/about.astro +++ b/src/pages/about.astro @@ -1,4 +1,6 @@ --- +import "../styles/global.css" + const pageTitle = "About Me" const identity = { @@ -23,6 +25,7 @@ const skills = [ const happy = true const finished = true const goal = 3 +const skillColor = "navy" --- @@ -32,13 +35,13 @@ const goal = 3 {pageTitle} - diff --git a/src/pages/blog.astro b/src/pages/blog.astro index 24d2b51..0e6ffd3 100644 --- a/src/pages/blog.astro +++ b/src/pages/blog.astro @@ -1,4 +1,6 @@ --- +import "../styles/global.css" + const pageTitle = "Blog posts" --- diff --git a/src/pages/index.astro b/src/pages/index.astro index 4a53d99..dd416b6 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,4 +1,6 @@ --- +import "../styles/global.css" + const pageTitle = "Orbital Orbit" --- diff --git a/src/styles/global.css b/src/styles/global.css new file mode 100644 index 0000000..c039851 --- /dev/null +++ b/src/styles/global.css @@ -0,0 +1,21 @@ +html { + background-color: #f1f5f9; + font-family: sans-serif; +} + +body { + margin: 0 auto; + width: 100%; + max-width: 80ch; + padding: 1rem; + line-height: 1.5; +} + +* { + box-sizing: border-box; +} + +h1 { + margin: 1rem 0; + font-size: 2.5rem; +}