From de099f27f293ad1d482303644e02fb458f3f3502 Mon Sep 17 00:00:00 2001
From: Oscar Najera <hi@oscarnajera.com>
Date: Thu, 9 Jan 2025 18:34:49 +0100
Subject: [FIX] Hero blockquote spacing

---
 assets/css/input.css       |  7 +++++--
 assets/css/tailwind.css    | 19 ++++++++-----------
 layouts/partials/hero.html | 27 +++++++++++----------------
 3 files changed, 24 insertions(+), 29 deletions(-)

diff --git a/assets/css/input.css b/assets/css/input.css
index 229247d..cc5bee8 100644
--- a/assets/css/input.css
+++ b/assets/css/input.css
@@ -19,11 +19,15 @@ blockquote::before {
 
 @layer base {
   blockquote {
-    @apply border-l-4 p-6 py-1 m-8 relative border-lime-500 baskerville;
+    @apply border-l-4 p-4 m-8 relative border-lime-500 baskerville;
   }
   blockquote p:last-of-type {
     @apply text-center uppercase mt-4 tracking-wide;
   }
+  p {
+    @apply my-2 text-lg;
+  }
+
   h1 {
     @apply text-5xl font-bold my-4;
   }
@@ -106,7 +110,6 @@ blockquote::before {
   }
   .main-content {
     p {
-      @apply my-4 text-xl;
       code {
         @apply text-blue-500 px-1;
       }
diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index 1ea0c9b..e3025f1 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -560,9 +560,7 @@ blockquote {
   border-left-width: 4px;
   --tw-border-opacity: 1;
   border-color: rgb(132 204 22 / var(--tw-border-opacity, 1));
-  padding: 1.5rem;
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
+  padding: 1rem;
   font-family: baskerville, serif;
 }
 
@@ -573,6 +571,13 @@ blockquote p:last-of-type {
   letter-spacing: 0.025em;
 }
 
+p {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+
 h1 {
   margin-top: 1rem;
   margin-bottom: 1rem;
@@ -720,14 +725,6 @@ h6 {
 }
 
 .main-content {
-  p {
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-  }
-  p {
-    font-size: 1.25rem;
-    line-height: 1.75rem;
-  }
   p {
     code {
       padding-left: 0.25rem;
diff --git a/layouts/partials/hero.html b/layouts/partials/hero.html
index 8ed0b62..3b27d80 100644
--- a/layouts/partials/hero.html
+++ b/layouts/partials/hero.html
@@ -5,7 +5,7 @@
     , url('{{ .RelPermalink }}') center
   {{ end }};"
 >
-  <div class="max-w-screen-md mx-auto px-2 text-white font-serif text-center">
+  <div class="max-w-screen-md mx-auto px-2 text-white font-serif">
     {{ if eq .Type "authors" }}
       {{ $avatar :=  index .Params.images 1 }}
       {{ if hasPrefix $avatar "http" }}
@@ -20,27 +20,22 @@
           alt=""
         />
       {{ end }}
-      <h1 class="">
-        {{ .Params.Name }}
-      </h1>
+      <div class="text-center">
+        <h1 class="">{{ .Params.Name }}</h1>
+        <h3 class="font-normal">{{ .Params.role | markdownify }}</h3>
 
-      <h3 class="font-normal">
-        {{ .Params.role | markdownify }}
-      </h3>
-
-      {{ with .Params.Subtitle }}
-        <h3 class="">
-          {{ . | markdownify }}
-        </h3>
-      {{ end }}
+        {{ with .Params.Subtitle }}
+          <h3 class="">{{ . | markdownify }}</h3>
+        {{ end }}
 
 
-      <div class="text-4xl mt-4">
-        {{ partial "social_links" .Params }}
+        <div class="text-4xl mt-4">
+          {{ partial "social_links" .Params }}
+        </div>
       </div>
     {{ else }}
 
-      <h1 class="berkshire-swash">{{ .Title }}</h1>
+      <h1 class="berkshire-swash text-center">{{ .Title }}</h1>
       {{ .Content }}
     {{ end }}
   </div>
-- 
cgit v1.2.3