animations

This commit is contained in:
Karol Wypchlo 2021-04-01 01:21:00 +02:00
parent 0faa3c3656
commit d2146e6d56
3 changed files with 8 additions and 8 deletions

View File

@ -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>
))}

View File

@ -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>

View File

@ -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>