From 42e4eee3bb973a6331db92f77f88b28c783f29cb Mon Sep 17 00:00:00 2001
From: Simon C <simonc@linux.com>
Date: Thu, 4 May 2023 15:57:22 +0200
Subject: [PATCH] feat: Ajout du design des blockquote

---
 assets/styles/main.sass    | 48 ++++++++++++++++++++++++++++++++++++++
 config/_default/config.yml |  4 ++++
 2 files changed, 52 insertions(+)

diff --git a/assets/styles/main.sass b/assets/styles/main.sass
index cea9775..0283b07 100644
--- a/assets/styles/main.sass
+++ b/assets/styles/main.sass
@@ -72,6 +72,7 @@ body
   > .container
     background-color: white
     padding: 1rem
+    position: relative
     @media screen and (max-width: $size-sm)
       margin: 0
       padding: 1rem
@@ -187,6 +188,8 @@ hr
   max-width: 645px
   margin-left: auto
   margin-right: auto
+  @media screen and (max-width: $size-sm)
+    padding: 0
 
 .obfuscate:before
   content: attr(data-param2)
@@ -235,3 +238,48 @@ details > summary
       box-shadow: none
       color: $vert
       background-color: white
+
+blockquote
+  font-size: 1em
+  margin: 50px auto
+  font-family: Open Sans
+  font-style: italic
+  color: #555555
+  padding: 1.5rem
+  border-left: 8px solid $vert
+  line-height: 1.4
+  background: #EDEDED
+
+  position: relative
+  left: 0
+  right: 0
+  max-width: 100%
+
+  & > :first-child
+    margin-top: 0
+    padding-top: 0
+
+  & > :last-child
+    margin-bottom: 0
+    padding-bottom: 0
+
+  &::before
+    font-family: Arial
+    content: "\201C"
+    color: $vert
+    font-size: 10rem
+    position: absolute
+    left: 1rem
+    top: 2rem
+    opacity: .5
+    line-height: 0
+
+  @media screen and (max-width: $size-sm)
+    padding: 1rem
+
+blockquote span
+  display: block
+  color: #333333
+  font-style: normal
+  font-weight: bold
+  margin-top: 1em
diff --git a/config/_default/config.yml b/config/_default/config.yml
index 32f6b53..1cc766a 100644
--- a/config/_default/config.yml
+++ b/config/_default/config.yml
@@ -40,6 +40,10 @@ markup:
   goldmark:
     renderer:
       unsafe: true
+    parser:
+      attribute:
+        block: true
+        title: true
 
 disableHugoGeneratorInject: true