Browse Source

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
master
Peter Zimon 8 months ago
parent
commit
065849105b
3 changed files with 24 additions and 9 deletions
  1. +1
    -1
      assets/built/screen.css
  2. +1
    -1
      assets/built/screen.css.map
  3. +22
    -7
      assets/css/screen.css

+ 1
- 1
assets/built/screen.css
File diff suppressed because it is too large
View File


+ 1
- 1
assets/built/screen.css.map
File diff suppressed because it is too large
View File


+ 22
- 7
assets/css/screen.css 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;
}


Loading…
Cancel
Save