Add alternate blockquote styles

This commit is contained in:
Sodbileg Gansukh 2021-12-07 19:05:00 +08:00
parent e80f22c2a5
commit cdb03b65fb
3 changed files with 15 additions and 6 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1005,7 +1005,7 @@ is the very first element in the post content */
text-decoration: underline;
}
.gh-content > blockquote,
.gh-content > blockquote:not([class]),
.gh-content > ol,
.gh-content > ul,
.gh-content > dl,
@ -1053,13 +1053,13 @@ is the very first element in the post content */
padding-left: 1.9em;
}
.gh-content > blockquote {
.gh-content > blockquote:not([class]) {
position: relative;
font-style: italic;
padding: 0;
}
.gh-content > blockquote::before {
.gh-content > blockquote:not([class])::before {
content: "";
position: absolute;
left: -1.5em;
@ -1093,7 +1093,7 @@ is the very first element in the post content */
}
@media (max-width: 650px) {
.gh-content > blockquote,
.gh-content > blockquote:not([class]),
.gh-content > ol,
.gh-content > ul,
.gh-content > dl,
@ -1151,6 +1151,15 @@ except for when immediately preceeded by a heading */
margin-top: min(2.4rem, 4vmin);
}
.kg-blockquote-alt {
font-family: var(--font-serif);
color: var(--color-midgrey);
}
.has-sans-body .kg-blockquote-alt {
font-family: var(--font-sans);
}
/* Captions */
figcaption {