mirror of
https://github.com/Wonderfall/hugo-WonderMod.git
synced 2024-11-25 12:01:37 +01:00
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:
parent
d53671786c
commit
bfb5019cbc
@ -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
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
Loading…
Reference in New Issue
Block a user