From 2d539998d46ab752d302201832757f07e3215927 Mon Sep 17 00:00:00 2001 From: John O'Nolan Date: Sat, 28 Dec 2013 14:09:01 +0100 Subject: [PATCH] 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 --- assets/css/screen.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/assets/css/screen.css b/assets/css/screen.css index 1f53790..eff1fa9 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -397,6 +397,7 @@ margin on the iframe, cause it breaks stuff. */ letter-spacing: -1px; font-weight: bold; font-family: 'Open Sans', sans-serif; + text-shadow: 0 1px 6px rgba(0,0,0,0.1); } .blog-description { @@ -406,6 +407,7 @@ margin on the iframe, cause it breaks stuff. */ font-weight: 300; font-family: 'Noto Serif', serif; letter-spacing: 0; + text-shadow: 0 1px 3px rgba(0,0,0,0.15); } /* Every post, on every page, gets this style on its
tag */