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 {
|
||||
color: var(--midgrey);
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.no-image .author-social-link a {
|
||||
color: var(--darkgrey);
|
||||
}
|
||||
|
||||
.author-social-link a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
@ -2398,10 +2402,16 @@ Usage (In Ghost editor):
|
|||
content: "\2022";
|
||||
display: inline-block;
|
||||
margin: 0 12px;
|
||||
color: var(--midgrey);
|
||||
color: #fff;
|
||||
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) {
|
||||
.author-header {
|
||||
padding: 10px 0 0;
|
||||
|
@ -2877,6 +2887,10 @@ Usage (In Ghost editor):
|
|||
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 h2,
|
||||
.post-full-content h3,
|
||||
|
@ -2911,11 +2925,6 @@ Usage (In Ghost editor):
|
|||
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 {
|
||||
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;
|
||||
}
|
||||
|
||||
.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 {
|
||||
color: #fff;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue