vividboarder
/
Vivid-Casper
mirror of https://github.com/ViViDboarder/Vivid-Casper.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Card css specificity update (#832) 

The default CSS styles of new Koenig cards that have been released in the past couple of weeks was updated for better usability in themes in general (read commit message for reasons and more reference).

This commit contains CSS cleanup and updates in theme styles that aligns Casper to this change.
This commit is contained in:
Peter Zimon 2021-12-15 13:06:42 +01:00 committed by GitHub
parent 827f37255c
commit 9b45ff3418
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 43 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/built/screen.css
View File

File diff suppressed because one or more lines are too long

2
assets/built/screen.css.map
View File

File diff suppressed because one or more lines are too long

69
assets/css/screen.css
View File

@ -995,16 +995,12 @@ is the very first element in the post content */
}
/* Now the content typography styles */
.gh-content a:not(.gh-post-upgrade-cta a):not(.kg-bookmark-container):not(.kg-btn):not(.kg-nft-card-container):not(.kg-callout-card-accent a):not(a.kg-product-card-btn-accent):not(.kg-file-card) {
.gh-content a {
color: var(--ghost-accent-color);
text-decoration: underline;
word-break: break-word;
}
.gh-content .kg-callout-card-accent a {
text-decoration: underline;
}
.gh-content > blockquote:not([class]),
.gh-content > ol,
.gh-content > ul,
@ -1016,23 +1012,30 @@ is the very first element in the post content */
line-height: 1.6em;
}
.gh-content .kg-callout-text,
.gh-content .kg-toggle-content > ol,
.gh-content .kg-toggle-content > ul,
.gh-content .kg-toggle-content > p {
.gh-content .kg-callout-card .kg-callout-text,
.gh-content .kg-toggle-card .kg-toggle-content > ol,
.gh-content .kg-toggle-card .kg-toggle-content > ul,
.gh-content .kg-toggle-card .kg-toggle-content > p {
font-family: var(--font-serif);
font-weight: 400;
font-size: 2.0rem;
font-size: 1.9rem;
line-height: 1.6em;
}
.gh-content .kg-callout-emoji {
font-size: 2.2rem;
line-height: 1.5em;
.gh-content .kg-product-card .kg-product-card-description > p,
.gh-content .kg-product-card .kg-product-card-description > ol,
.gh-content .kg-product-card .kg-product-card-description > ul {
font-size: 1.7rem;
line-height: 1.6em;
}
.gh-content .kg-toggle-heading-text {
font-size: 2.2rem;
.gh-content .kg-callout-card .kg-callout-emoji {
font-size: 2.1rem;
line-height: 1.7em;
}
.gh-content .kg-toggle-card .kg-toggle-heading-text {
font-size: 2.0rem;
}
.has-sans-body .gh-content > blockquote,
@ -1040,16 +1043,20 @@ is the very first element in the post content */
.has-sans-body .gh-content > ul,
.has-sans-body .gh-content > dl,
.has-sans-body .gh-content > p,
.has-sans-body .kg-callout-text,
.has-sans-body .kg-toggle-content > ol,
.has-sans-body .kg-toggle-content > ul,
.has-sans-body .kg-toggle-content > p {
.has-sans-body .gh-content .kg-callout-card .kg-callout-text,
.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content > ol,
.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content > ul,
.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content > p {
font-family: var(--font-sans);
}
.gh-content > ul,
.gh-content > ol,
.gh-content > dl {
.gh-content > dl,
.gh-content .kg-toggle-card .kg-toggle-content > ol,
.gh-content .kg-toggle-card .kg-toggle-content > ul,
.gh-content .kg-product-card .kg-product-card-description > ol,
.gh-content .kg-product-card .kg-product-card-description > ul {
padding-left: 1.9em;
}
@ -1098,14 +1105,20 @@ is the very first element in the post content */
.gh-content > ul,
.gh-content > dl,
.gh-content > p,
.kg-callout-text,
.kg-toggle-content > ol,
.kg-toggle-content > ul,
.kg-toggle-content > p {
.gh-content .kg-callout-card .kg-callout-text,
.gh-content .kg-toggle-card .kg-toggle-content > ol,
.gh-content .kg-toggle-card .kg-toggle-content > ul,
.gh-content .kg-toggle-card .kg-toggle-content > p {
font-size: 1.7rem;
}
.gh-content blockquote::before {
.gh-content .kg-product-card .kg-product-card-description > p,
.gh-content .kg-product-card .kg-product-card-description > ol,
.gh-content .kg-product-card .kg-product-card-description > ul {
font-size: 1.5rem;
}
.gh-content blockquote:not([class])::before {
left: -4vmin;
}
}
@ -1143,12 +1156,12 @@ except for when immediately preceeded by a heading */
margin: auto;
}
.has-serif-title .kg-toggle-heading-text {
.has-serif-title .kg-toggle-card .kg-toggle-heading-text {
font-family: var(--font-serif);
}
.kg-toggle-content > * + * {
margin-top: min(2.4rem, 4vmin);
.gh-content .kg-callout-card-accent a {
text-decoration: underline;
}
.kg-blockquote-alt {