css: post: improve code block inside blockquote

* fix padding on lager screns
This commit is contained in:
Aditya Telange 2020-09-16 12:43:12 +05:30
parent ac4ed69368
commit 8c7a9cf1d7
No known key found for this signature in database
GPG Key ID: 82E844EF3DA99E77

View File

@ -207,16 +207,16 @@
display: block; display: block;
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
padding: var(--gap); padding: 10px;
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
background: transparent; background: transparent;
border-radius: 0; border-radius: 0;
} }
.post-content blockquote { .post-content blockquote {
margin: 0 0 0 calc(var(--gap) * -1); margin: 0 calc(var(--gap) * -1);
padding: 0 0 0 21px; padding: 0 32px;
border-left: 3px solid var(--primary); border-left: 2px solid var(--primary);
} }
.post-content hr { .post-content hr {
@ -276,4 +276,11 @@
.share-button-single:hover svg { .share-button-single:hover svg {
opacity: 0.9; opacity: 0.9;
}
@media screen and (max-width: 600px) {
.post-content blockquote {
margin: 0 calc(var(--gap) * -1);
padding: 0 21px;
}
} }