diff options
| author | Oscar Najera <hi@oscarnajera.com> | 2025-01-09 18:34:49 +0100 |
|---|---|---|
| committer | Oscar Najera <hi@oscarnajera.com> | 2025-01-09 18:34:49 +0100 |
| commit | de099f27f293ad1d482303644e02fb458f3f3502 (patch) | |
| tree | 0738dc4cc9ccf157adc7483ba920086593724856 | |
| parent | c4b5e3e29612c84dc270967c3181d2dddb0a82c6 (diff) | |
| download | hugo-minimalist-theme-de099f27f293ad1d482303644e02fb458f3f3502.tar.gz hugo-minimalist-theme-de099f27f293ad1d482303644e02fb458f3f3502.tar.bz2 hugo-minimalist-theme-de099f27f293ad1d482303644e02fb458f3f3502.zip | |
[FIX] Hero blockquote spacing
| -rw-r--r-- | assets/css/input.css | 7 | ||||
| -rw-r--r-- | assets/css/tailwind.css | 19 | ||||
| -rw-r--r-- | 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; @@ -721,14 +726,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; padding-right: 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> |