Pulls out typography spacing

3 files changed, 8 insertions, 26 deletions

diff --git a/public/css/base/typography.css b/public/css/base/typography.css
index 4f33d86..af7626a 100644
--- a/public/css/base/typography.css
+++ b/public/css/base/typography.css
@@ -26,16 +26,16 @@ h4 {
   font-weight: 400;
 }
 
-.title,
-.title--small,
 h1,
 h2,
 h3,
 h4 {
   font-family: var(--font-serif);
+  margin-block-start: var(--spacing-block-lg);
 }
 
 .title {
+  font-family: var(--font-serif);
   font-size: var(--font-size-6);
   font-weight: 700;
   margin-block-start: var(--spacing-block-sm);
@@ -43,4 +43,9 @@ h4 {
 
 .title--small {
   font-size: var(--font-size-2);
+  margin-block-start: 0;
+}
+
+p:not(:first) {
+  margin-block-start: var(--spacing-block-md);
 }
\ No newline at end of file
diff --git a/public/main.css b/public/main.css
index 7ce8e51..1c5be4c 100644
--- a/public/main.css
+++ b/public/main.css
@@ -31,29 +31,6 @@
   background-color: var(--background-color);
 }
 
-.title {
-  margin-block-start: var(--spacing-block-sm);
-}
-
-.title--small {
-  margin-block-start: 0;
-}
-
-h1,
-h2,
-h3,
-h4 {
-  margin-block-start: var(--spacing-block-lg);
-}
-
-h1:first {
-  margin-block-start: var(--spacing-block-sm);
-}
-
-p:not(:first) {
-  margin-block-start: var(--spacing-block-md);
-}
-
 footer {
   padding-block-start: var(--spacing-block-md);
   padding-bottom: 8rem;
diff --git a/src/components/Navbar/Logo.astro b/src/components/Navbar/Logo.astro
index 58bf01d..b3af6fb 100644
--- a/src/components/Navbar/Logo.astro
+++ b/src/components/Navbar/Logo.astro
@@ -7,7 +7,7 @@ const locale = getLocaleFromPath(Astro.url.pathname);
 const t = translate(locale);
 ---
 
-<p class="title--small nav__logo">
+<p class="title title--small nav__logo">
   <a href="/">
     {t(tSite, { key: 'scots-leid-associe' })}
   </a>