keb/kesper
1
0
Fork 0
mirror of https://github.com/ZetaKebab/kesper.git synced 2025-07-01 01:27:36 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Featured post indicator

Browse Source
This commit is contained in:
Sodbileg Gansukh
2022-05-26 13:31:16 +08:00
parent 9efff7d6fa
commit 4461d5e2f8
6 changed files with 41 additions and 14 deletions
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

22
assets/css/screen.css
View File

@ -654,7 +654,10 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after {
margin-top: 0;
}
.post-card-primary-tag {
.post-card-tags {
display: flex;
align-items: center;
gap: 12px;
margin: 0 0 10px;
color: var(--color-secondary-text);
font-size: 1.4rem;
@ -663,6 +666,13 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after {
line-height: 1;
}
.post-card-featured {
display: flex;
align-items: center;
gap: 3px;
color: var(--ghost-accent-color);
}
.post-card-title {
margin: 0;
font-size: 2.6rem;
@ -788,7 +798,7 @@ make sure this only happens on large viewports / desktop-ish devices.
height: 100%;
}
.post-card-large .post-card-primary-tag {
.post-card-large .post-card-tags {
margin-bottom: 12px;
}
@ -810,7 +820,7 @@ make sure this only happens on large viewports / desktop-ish devices.
margin-bottom: 40px;
}
.post-card-full .post-card-primary-tag {
.post-card-full .post-card-tags {
margin-bottom: 14px;
}
@ -1714,10 +1724,14 @@ html.dark-mode .post-card-image {
background: var(--color-darkmode);
}
html.dark-mode :is(.post-card-primary-tag, .post-card-meta, .article-tag a, .byline-meta-content) {
html.dark-mode :is(.post-card-tags, .post-card-meta, .article-tag a, .byline-meta-content) {
color: color-mod(var(--color-secondary-text) l(-22%));
}
html.dark-mode .post-card-featured {
color: #fff;
}
html.dark-mode .post-card-title {
color: #fff;
}