vbatts/hugo-theme-hyde-hyde
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

tries post title with a light gradient

Browse source
This commit is contained in:
Huy Tran 2018-08-13 08:51:23 +07:00
parent c620ee6dc8
commit d674c33d8a
1 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
static-src/scss/hyde-hyde/_post.scss
View file

@ -17,6 +17,17 @@
padding: 2px 6px; 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 { .post__subtitle {
display: block; display: block;
font-size: $post__subtitle-font-size; font-size: $post__subtitle-font-size;