💄 style: redesign block quotes

content/blog/markdown.ca.md

@@ -1,7 +1,7 @@
 +++
 title = "Exemples de Markdown"
 date = 2023-01-31
-updated = 2023-08-02
+updated = 2023-08-06
 description = "Aquesta publicació mostra alguns exemples de format en Markdown, incloent-hi una taula, blocs de codi i etiquetes, citacions, taules i notes a peu de pàgina."
 
 [taxonomies]
@@ -67,7 +67,7 @@ A Rust, declares una variable mutable amb `let mut x = 5;`, mentre que a Python,
 
 ## Quote
 
-> "La vida, perquè sigui vida, s'ha de viure a poc a poc…"
+> «La vida, perquè sigui vida, s'ha de viure a poc a poc…»
 >
 > — Mercè Rodoreda, La plaça del Diamant
 

content/blog/markdown.es.md

@@ -1,7 +1,7 @@
 +++
 title = "Ejemplos de Markdown"
 date = 2023-01-31
-updated = 2023-08-02
+updated = 2023-08-06
 description = "Esta publicación muestra algunos ejemplos de formato Markdown, incluyendo una tabla, bloques de código y etiquetas, citas, tablas y notas al pie de página."
 
 [taxonomies]
@@ -67,7 +67,7 @@ En Rust, declaras una variable mutable con `let mut x = 5;`, mientras que en Pyt
 
 ## Cita
 
-> "A mí me sobra el cuerpo, Orfeo, me sobra el cuerpo porque me falta alma."
+> «A mí me sobra el cuerpo, Orfeo, me sobra el cuerpo porque me falta alma.»
 >
 > — Miguel de Unamuno, Niebla
 

sass/main.scss

@@ -64,7 +64,6 @@
     --divider-color: #d7d7d7;
     --text-color: #222226;
     --text-color-high-contrast: #313333;
-    --quote-color: #355f62;
     --border-color: #727272;
     --meta-color: #5b5b65;
     --codeblock-bg: #272430;
@@ -85,7 +84,6 @@
     --divider-color: #4a4a4a;
     --text-color: #D4D4D4;
     --text-color-high-contrast: #eceeef;
-    --quote-color: #a9c5c7;
     --border-color: black;
     --meta-color: #B0B0B0;
     --codeblock-bg: #151515;

sass/parts/_misc.scss

@@ -71,8 +71,7 @@ hr {
 }
 
 blockquote {
-    border-left: 0.2rem solid var(--primary-color);
-    color: var(--quote-color);
+    border-left: 0.3rem solid var(--primary-color);
     margin: 0;
     padding-left: 1em;
 }
@@ -149,9 +148,8 @@ hr {
 }
 
 .info-box {
-    border: 1px solid #087E96;
+    border: 1px solid var(--primary-color);
     border-left-width: 0.3rem;
-    background-color: #d1f3f8;
     padding: 1rem;
     margin-top: 1rem;
     margin-bottom: 1rem;