Make blog title and description more legible on light backgrounds

Adds a light shadow to blog title and description to give slightly more contrast between text and background when a cover image is used with a predominently light colour. This is not a complete fix, because heavy shadows do not lend to the aesthetic of Casper - however it does go some way to making a small improvement to legibility in most cases.

Related: https://github.com/TryGhost/Ghost/issues/1768
This commit is contained in:
John O'Nolan 2013-12-28 14:09:01 +01:00
parent f503b7e5eb
commit 2d539998d4

View file

@ -397,6 +397,7 @@ margin on the iframe, cause it breaks stuff. */
letter-spacing: -1px; letter-spacing: -1px;
font-weight: bold; font-weight: bold;
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
text-shadow: 0 1px 6px rgba(0,0,0,0.1);
} }
.blog-description { .blog-description {
@ -406,6 +407,7 @@ margin on the iframe, cause it breaks stuff. */
font-weight: 300; font-weight: 300;
font-family: 'Noto Serif', serif; font-family: 'Noto Serif', serif;
letter-spacing: 0; letter-spacing: 0;
text-shadow: 0 1px 3px rgba(0,0,0,0.15);
} }
/* Every post, on every page, gets this style on its <article> tag */ /* Every post, on every page, gets this style on its <article> tag */