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>
This commit is contained in:
Tomás Dias Almeida 2020-12-31 11:41:18 +01:00 committed by GitHub
parent d53671786c
commit bfb5019cbc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -140,7 +140,7 @@
.post-content:not(.gist) > .highlight, .post-content:not(.gist) > .highlight,
.post-content pre { .post-content pre {
margin: auto calc(var(--gap) * -1) 32px; margin: auto 0 20px;
background: var(--hljs-bg) !important; background: var(--hljs-bg) !important;
border-radius: var(--radius) border-radius: var(--radius)
} }
@ -203,13 +203,13 @@
} }
.post-content blockquote { .post-content blockquote {
margin: 0 calc(var(--gap) * -1); margin: 0 0;
padding: 0 32px; padding: 0 14px;
border-inline-start: 2px solid var(--primary) border-inline-start: 2px solid var(--primary)
} }
.post-content hr { .post-content hr {
margin: 30px calc(var(--gap) * -1); margin: 30px 0;
height: 2px; height: 2px;
background: var(--tertiary); background: var(--tertiary);
border-top: 0; border-top: 0;
@ -337,10 +337,3 @@ h6:hover .anchor {
margin-inline-start: 8px; margin-inline-start: 8px;
font-weight: 500 font-weight: 500
} }
@media screen and (max-width:600px) {
.post-content blockquote {
margin: 0 calc(var(--gap) * -1);
padding: 0 21px
}
}