mirror of
https://github.com/GenZmeY/casper-i18n.git
synced 2024-11-10 10:28:04 +00:00
Author meta and bookmark style refinements
refs. https://github.com/TryGhost/Casper/pull/631 - refined colors of links and separator dots for various cases (light/dark mode/with and without header background image) - fixed bookmark card hover style - ran CSSComb
This commit is contained in:
parent
a1fc6090d2
commit
065849105b
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -2374,10 +2374,14 @@ Usage (In Ghost editor):
|
|||||||
}
|
}
|
||||||
|
|
||||||
.author-social-link a {
|
.author-social-link a {
|
||||||
color: var(--midgrey);
|
color: #fff;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.no-image .author-social-link a {
|
||||||
|
color: var(--darkgrey);
|
||||||
|
}
|
||||||
|
|
||||||
.author-social-link a:hover {
|
.author-social-link a:hover {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
@ -2398,10 +2402,16 @@ Usage (In Ghost editor):
|
|||||||
content: "\2022";
|
content: "\2022";
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 0 12px;
|
margin: 0 12px;
|
||||||
color: var(--midgrey);
|
color: #fff;
|
||||||
opacity: 0.6;
|
opacity: 0.6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.no-image .author-location + .author-stats:before,
|
||||||
|
.no-image .author-stats + .author-social-link:before,
|
||||||
|
.no-image .author-social-link + .author-social-link:before {
|
||||||
|
color: var(--midgrey);
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 500px) {
|
@media (max-width: 500px) {
|
||||||
.author-header {
|
.author-header {
|
||||||
padding: 10px 0 0;
|
padding: 10px 0 0;
|
||||||
@ -2877,6 +2887,10 @@ Usage (In Ghost editor):
|
|||||||
border-top-color: color(var(--darkmode) l(+4%));
|
border-top-color: color(var(--darkmode) l(+4%));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.no-image .author-social-link a {
|
||||||
|
color: rgba(255, 255, 255, 0.75);
|
||||||
|
}
|
||||||
|
|
||||||
.post-full-content h1,
|
.post-full-content h1,
|
||||||
.post-full-content h2,
|
.post-full-content h2,
|
||||||
.post-full-content h3,
|
.post-full-content h3,
|
||||||
@ -2911,11 +2925,6 @@ Usage (In Ghost editor):
|
|||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-full-content .kg-bookmark-container {
|
|
||||||
color: rgba(255, 255, 255, 0.75);
|
|
||||||
box-shadow: 0 0 1px rgba(255,255,255,0.9);
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-full-content table td:first-child {
|
.post-full-content table td:first-child {
|
||||||
background-image: linear-gradient(to right, var(--darkmode) 50%, color(var(--darkmode) a(0%)) 100%);
|
background-image: linear-gradient(to right, var(--darkmode) 50%, color(var(--darkmode) a(0%)) 100%);
|
||||||
}
|
}
|
||||||
@ -2934,6 +2943,12 @@ Usage (In Ghost editor):
|
|||||||
border: color(var(--darkmode) l(+8%)) 1px solid;
|
border: color(var(--darkmode) l(+8%)) 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.post-full-content .kg-bookmark-container,
|
||||||
|
.post-full-content .kg-bookmark-container:hover {
|
||||||
|
color: rgba(255, 255, 255, 0.75);
|
||||||
|
box-shadow: 0 0 1px rgba(255,255,255,0.9);
|
||||||
|
}
|
||||||
|
|
||||||
.kg-bookmark-title {
|
.kg-bookmark-title {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user