bigchaindb
/
site
mirror of https://github.com/bigchaindb/site.git
1
0
Fork 0
Code Releases Activity

animate gitter icon cause why not

This commit is contained in:
Matthias Kretschmann 2017-10-10 11:11:00 +02:00
parent 2e58bff293
commit 54979817a8
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
_src/_assets/styles/bigchain/_hero.scss
View File

@ -179,6 +179,24 @@ $menu-height-md: 66px;
.icon {
margin-right: .1rem;
}
.icon--gitter {
animation: gitterPulse 5s ease-out infinite;
}
}
@keyframes gitterPulse {
0% {
stroke: $brand-main-gray-light;
}
50% {
stroke: $brand-main-green;
}
100% {
stroke: $brand-main-gray-light;
}
}
.hero__community__label {

2
_src/_includes/hero.html
View File

@ -28,7 +28,7 @@
</svg> Follow
</a>
<a class="social-link btn btn-text btn-sm js-social-link" href="{{ site.social.gitter.url }}" title="Follow on Twitter">
<a class="social-link btn btn-text btn-sm js-social-link" href="{{ site.social.gitter.url }}" title="Chat on Gitter">
<svg class="icon icon--social icon--gitter" aria-labelledby="title">
<title>Gitter</title>
<use xlink:href="/assets/img/sprite.svg#gitter"></use>