From 75914a20ee28adae45c96d9ab703b71048504ea1 Mon Sep 17 00:00:00 2001 From: JesusValera Date: Tue, 25 Nov 2025 17:17:26 +0100 Subject: [PATCH] Update design from blockquotes --- css/base.css | 32 ++++---------------------------- css/components/dark-mode.css | 5 ----- css/components/releases.css | 4 ++++ 3 files changed, 8 insertions(+), 33 deletions(-) diff --git a/css/base.css b/css/base.css index 230a6c1..a756265 100644 --- a/css/base.css +++ b/css/base.css @@ -274,38 +274,14 @@ img { /* Modern Blockquote */ blockquote { - position: relative; background: var(--color-light-blockquote-bg); - margin: 2em 0; - padding: var(--space-md) var(--space-xl); - padding-left: calc(var(--space-lg) + 1.7em); - border-left: 3px solid var(--color-light-blockquote-border); - border-radius: var(--radius-lg); - box-shadow: var(--shadow-sm); - font-style: italic; + border-left: 4px solid var(--color-light-blockquote-border); + border-radius: var(--radius-md); + padding: var(--space-md) var(--space-lg); + margin: var(--space-lg) 0; color: var(--color-light-text-secondary); - display: flex; - flex-wrap: wrap; - align-items: center; - min-height: 3em; } -blockquote::before { - content: '"'; - position: absolute; - left: 1.5rem; - top: 2.7rem; - transform: translateY(-50%); - font-size: 2.5em; - color: var(--color-light-blockquote-border); - opacity: 0.3; - font-family: Georgia, serif; - line-height: 1; -} - -blockquote p { - margin-bottom: 0; -} /* Modern Code Blocks */ pre { diff --git a/css/components/dark-mode.css b/css/components/dark-mode.css index 8e433ce..71ee8af 100644 --- a/css/components/dark-mode.css +++ b/css/components/dark-mode.css @@ -81,11 +81,6 @@ background: var(--color-dark-blockquote-bg); border-left-color: var(--color-dark-blockquote-border); color: var(--color-dark-text-secondary); - box-shadow: var(--shadow-dark-sm); -} - -.dark blockquote::before { - color: var(--color-dark-blockquote-border); } /* Dark code blocks */ diff --git a/css/components/releases.css b/css/components/releases.css index 3eeb54c..6f8a3de 100644 --- a/css/components/releases.css +++ b/css/components/releases.css @@ -6,3 +6,7 @@ .dark .releases-intro { color: var(--color-dark-text-secondary); } + +.release-entry .meta { + color: var(--color-gray-light); +}