From bfb5019cbc929c63d19be7a5924e3999e4aace37 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tom=C3=A1s=20Dias=20Almeida?= Date: Thu, 31 Dec 2020 11:41:18 +0100 Subject: [PATCH] Code block / blockquote / hr should respect the margin layout (#154) * Code block should respect the margin layout * Blockquote should respect the margin layout * align others elements to main width with minors mods Co-authored-by: Aditya Telange <21258296+adityatelange@users.noreply.github.com> --- assets/css/post-single.css | 15 ++++----------- 1 file changed, 4 insertions(+), 11 deletions(-) diff --git a/assets/css/post-single.css b/assets/css/post-single.css index d4eea9c4..631313b0 100644 --- a/assets/css/post-single.css +++ b/assets/css/post-single.css @@ -140,7 +140,7 @@ .post-content:not(.gist) > .highlight, .post-content pre { - margin: auto calc(var(--gap) * -1) 32px; + margin: auto 0 20px; background: var(--hljs-bg) !important; border-radius: var(--radius) } @@ -203,13 +203,13 @@ } .post-content blockquote { - margin: 0 calc(var(--gap) * -1); - padding: 0 32px; + margin: 0 0; + padding: 0 14px; border-inline-start: 2px solid var(--primary) } .post-content hr { - margin: 30px calc(var(--gap) * -1); + margin: 30px 0; height: 2px; background: var(--tertiary); border-top: 0; @@ -337,10 +337,3 @@ h6:hover .anchor { margin-inline-start: 8px; font-weight: 500 } - -@media screen and (max-width:600px) { - .post-content blockquote { - margin: 0 calc(var(--gap) * -1); - padding: 0 21px - } -}