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:
Peter Zimon 2019-10-30 11:09:19 +01:00
parent a1fc6090d2
commit 065849105b
3 changed files with 24 additions and 9 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

@ -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;
}