From 8c7a9cf1d7d967a5bb0d087cfaa176e0d6d424a4 Mon Sep 17 00:00:00 2001
From: Aditya Telange <21258296+adityatelange@users.noreply.github.com>
Date: Wed, 16 Sep 2020 12:43:12 +0530
Subject: [PATCH] css: post: improve code block inside blockquote

* fix padding on lager screns
---
 assets/css/post-single.css | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/assets/css/post-single.css b/assets/css/post-single.css
index b79a8693..7a0c2ab0 100644
--- a/assets/css/post-single.css
+++ b/assets/css/post-single.css
@@ -207,16 +207,16 @@
     display: block;
     margin-left: 0;
     margin-right: 0;
-    padding: var(--gap);
+    padding: 10px;
     color: rgba(255, 255, 255, 0.8);
     background: transparent;
     border-radius: 0;
 }
 
 .post-content blockquote {
-    margin: 0 0 0 calc(var(--gap) * -1);
-    padding: 0 0 0 21px;
-    border-left: 3px solid var(--primary);
+    margin: 0 calc(var(--gap) * -1);
+    padding: 0 32px;
+    border-left: 2px solid var(--primary);
 }
 
 .post-content hr {
@@ -276,4 +276,11 @@
 
 .share-button-single:hover svg {
     opacity: 0.9;
+}
+
+@media screen and (max-width: 600px) {
+    .post-content blockquote {
+        margin: 0 calc(var(--gap) * -1);
+        padding: 0 21px;
+    }
 }
\ No newline at end of file