animations
This commit is contained in:
parent
0faa3c3656
commit
d2146e6d56
|
@ -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>
|
||||
))}
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Reference in New Issue