From f58ba904677b6f02cf78d6d1ca7eace8b44618e6 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Tue, 6 Dec 2022 23:37:53 +0100
Subject: [PATCH] blockquote and code styling

---
 src/assets/base.scss                     | 16 ++++++++++++++++
 src/components/architecture/crc-card.vue |  2 +-
 src/layouts/post.vue                     |  4 ----
 3 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/assets/base.scss b/src/assets/base.scss
index 1c2f059..83a9ef8 100644
--- a/src/assets/base.scss
+++ b/src/assets/base.scss
@@ -81,6 +81,15 @@ a {
   color: var(--color-text);
 }
 
+p,
+blockquote {
+  margin-bottom: 1rem;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
 h1,
 h2,
 h3,
@@ -109,4 +118,11 @@ strong {
 
 code {
   font-family: var(--code-font-family);
+  font-size: 16px;
+}
+
+blockquote {
+  padding: 2rem;
+  border-radius: 0.3em;
+  background-color: #574b90;
 }
\ No newline at end of file
diff --git a/src/components/architecture/crc-card.vue b/src/components/architecture/crc-card.vue
index 08e965d..354dd7e 100644
--- a/src/components/architecture/crc-card.vue
+++ b/src/components/architecture/crc-card.vue
@@ -41,7 +41,7 @@ withDefaults(defineProps<Props>(), {
   background-color: #561b00;
   padding: 1rem;
   margin: 1rem 0;
-  border-radius: 15px;
+  border-radius: 0.3em;
   font-family: var(--code-font-family);
 
   hr {
diff --git a/src/layouts/post.vue b/src/layouts/post.vue
index 40c95b4..c60218f 100644
--- a/src/layouts/post.vue
+++ b/src/layouts/post.vue
@@ -40,10 +40,6 @@ h7 {
   margin-bottom: 0.5rem;
 }
 
-p {
-  margin-bottom: 1rem;
-}
-
 img {
   width: 100%;
   max-height: 40vh;