From d2146e6d56c117654595e784d931781d06ada0c1 Mon Sep 17 00:00:00 2001
From: Karol Wypchlo <kwypchlo@gmail.com>
Date: Thu, 1 Apr 2021 01:21:00 +0200
Subject: [PATCH] animations

---
 .../src/components/CommunitySection/CommunitySection.js     | 4 ++--
 packages/website/src/components/NewsHeader/NewsHeader.js    | 6 +++---
 packages/website/src/templates/news-post.js                 | 6 +++---
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/website/src/components/CommunitySection/CommunitySection.js b/packages/website/src/components/CommunitySection/CommunitySection.js
index e09f2a1b..d807a8c6 100644
--- a/packages/website/src/components/CommunitySection/CommunitySection.js
+++ b/packages/website/src/components/CommunitySection/CommunitySection.js
@@ -103,9 +103,9 @@ const CommunitySection = () => {
             <Link
               key={name}
               href={href}
-              className="text-palette-600 text-sm font-light flex items-center flex-shrink-0 flex-grow-0 whitespace-nowrap leading-10"
+              className="text-palette-600 text-sm font-light flex items-center flex-shrink-0 flex-grow-0 whitespace-nowrap leading-10 space-x-2 hover:text-palette-500 transition-colors duration-200"
             >
-              <Icon className="mr-2 fill-current" />
+              <Icon className="fill-current" />
               <span>{name}</span>
             </Link>
           ))}
diff --git a/packages/website/src/components/NewsHeader/NewsHeader.js b/packages/website/src/components/NewsHeader/NewsHeader.js
index 92b12714..25c5b929 100644
--- a/packages/website/src/components/NewsHeader/NewsHeader.js
+++ b/packages/website/src/components/NewsHeader/NewsHeader.js
@@ -1,7 +1,7 @@
 import * as React from "react";
 import { useStaticQuery, graphql } from "gatsby";
 import Link from "../Link";
-import { ArrowRight, DiscordSmallWhite } from "../Icons";
+import { ArrowRight, DiscordSmall } from "../Icons";
 
 const NewsHeader = () => {
   const { allMarkdownRemark } = useStaticQuery(graphql`
@@ -41,9 +41,9 @@ const NewsHeader = () => {
           <div className="ml-auto items-center pl-8 hidden desktop:block">
             <Link
               href="https://discordapp.com/invite/sia"
-              className="text-palette-300 leading-8 font-content flex items-center flex-shrink-0 whitespace-nowrap"
+              className="text-palette-300 leading-8 font-content flex items-center flex-shrink-0 whitespace-nowrap hover:text-palette-200 transition-colors duration-200 space-x-2"
             >
-              <DiscordSmallWhite className="mr-2" />
+              <DiscordSmall className="fill-current" />
               <span>Join our Discord</span>
             </Link>
           </div>
diff --git a/packages/website/src/templates/news-post.js b/packages/website/src/templates/news-post.js
index 827cd00d..bbd8e866 100644
--- a/packages/website/src/templates/news-post.js
+++ b/packages/website/src/templates/news-post.js
@@ -32,7 +32,7 @@ const BlogPostTemplate = ({ data, location }) => {
                 <div class="text-xs uppercase mr-4">Share</div>
 
                 <TwitterShareButton url={location.href} title={post.frontmatter.title} hashtags={[]}>
-                  <TwitterSmall />
+                  <TwitterSmall className="fill-current hover:text-palette-400 transition-colors duration-200" />
                 </TwitterShareButton>
 
                 <LinkedinShareButton
@@ -40,11 +40,11 @@ const BlogPostTemplate = ({ data, location }) => {
                   title={post.frontmatter.title}
                   summary={post.frontmatter.description}
                 >
-                  <LinkedinSmall />
+                  <LinkedinSmall className="fill-current hover:text-palette-400 transition-colors duration-200" />
                 </LinkedinShareButton>
 
                 <FacebookShareButton url={location.href} quote={post.frontmatter.title}>
-                  <LinkedinSmall />
+                  <LinkedinSmall className="fill-current hover:text-palette-400 transition-colors duration-200" />
                 </FacebookShareButton>
               </div>
             </aside>