From d674c33d8aa1fef4ea832b1d567182b9cd76837f Mon Sep 17 00:00:00 2001 From: Huy Tran Date: Mon, 13 Aug 2018 08:51:23 +0700 Subject: [PATCH] tries post title with a light gradient --- static-src/scss/hyde-hyde/_post.scss | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/static-src/scss/hyde-hyde/_post.scss b/static-src/scss/hyde-hyde/_post.scss index d775e10..1042d13 100644 --- a/static-src/scss/hyde-hyde/_post.scss +++ b/static-src/scss/hyde-hyde/_post.scss @@ -17,6 +17,17 @@ padding: 2px 6px; } +.post__title { + background-image: -webkit-linear-gradient(left, $gradient-color-1, $gradient-color-2); /* For Chrome and Safari */ + background-image: -moz-linear-gradient(left, $gradient-color-1, $gradient-color-2); /* For old Fx (3.6 to 15) */ + background-image: -ms-linear-gradient(left, $gradient-color-1, $gradient-color-2); /* For pre-releases of IE 10*/ + background-image: -o-linear-gradient(left, $gradient-color-1, $gradient-color-2); /* For old Opera (11.1 to 12.0) */ + background-image: linear-gradient(to right, $gradient-color-1, $gradient-color-2); /* Standard syntax; must be last */ + color:transparent; + -webkit-background-clip: text; + background-clip: text; + } + .post__subtitle { display: block; font-size: $post__subtitle-font-size;