From 9ea1f5c91abac0219b72c876b7c412289d475f32 Mon Sep 17 00:00:00 2001 From: Larissa Date: Wed, 9 Oct 2024 00:04:22 -0600 Subject: [PATCH] feat: update global styles and add clickable component --- src/Home.module.css | 0 src/components/Clickable.astro | 10 +++++++ src/globals.css | 49 ++++++++++++++++++++++++++++++++++ src/pages/index.astro | 21 ++++++++++++++- 4 files changed, 79 insertions(+), 1 deletion(-) delete mode 100644 src/Home.module.css create mode 100644 src/components/Clickable.astro diff --git a/src/Home.module.css b/src/Home.module.css deleted file mode 100644 index e69de29..0000000 diff --git a/src/components/Clickable.astro b/src/components/Clickable.astro new file mode 100644 index 0000000..257cb15 --- /dev/null +++ b/src/components/Clickable.astro @@ -0,0 +1,10 @@ + + +
+ +
diff --git a/src/globals.css b/src/globals.css index b5c61c9..4c64a26 100644 --- a/src/globals.css +++ b/src/globals.css @@ -1,3 +1,52 @@ @tailwind base; @tailwind components; @tailwind utilities; + +@import url("https://fonts.cdnfonts.com/css/work-sans"); +@import url("https://fonts.cdnfonts.com/css/alfa-slab-one"); + +:root { + --background: #fed7aa; + --orange: #f97316; + --black: #000; +} + +body { + background: var(--background); + box-sizing: border-box; +} + +* { + padding: 0; + margin: 0; +} + +h1 { + @apply text-7xl font-normal; + color: var(--orange); + font-family: "Alfa Slab One", sans-serif; +} + +h2 { + @apply text-4xl font-normal; + color: var(--black); + font-family: "Alfa Slab One", sans-serif; +} + +h3 { + @apply text-4xl font-semibold; + color: var(--black); + font-family: "Work Sans", sans-serif; +} + +h4 { + @apply text-3xl font-light; + color: var(--black); + font-family: "Work Sans", sans-serif; +} + +p { + @apply text-lg font-normal; + color: var(--black); + font-family: "Work Sans", sans-serif; +} diff --git a/src/pages/index.astro b/src/pages/index.astro index 7ec71a5..dff5362 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,5 +1,6 @@ --- - +import "../globals.css"; +import Clickable from "../components/Clickable.astro"; --- @@ -9,8 +10,26 @@ Astro + + + + +