cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

Merge pull request #7 from vercel/fix-styles-footer-links

Browse Source 
fix footer links styles
This commit is contained in:
B 2020-10-27 15:30:17 -03:00 committed by GitHub
commit 6d6931ad96
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
components/core/Footer/Footer.tsx
View File

@ -8,6 +8,7 @@ import { Github } from '@components/icons'
import { Logo, Container } from '@components/ui' import { Logo, Container } from '@components/ui'
import { I18nWidget } from '@components/core' import { I18nWidget } from '@components/core'
import s from './Footer.module.css' import s from './Footer.module.css'
interface Props { interface Props {
className?: string className?: string
children?: any children?: any
@ -38,21 +39,21 @@ const Footer: FC<Props> = ({ className, pages }) => {
<ul className="flex flex-initial flex-col md:flex-1"> <ul className="flex flex-initial flex-col md:flex-1">
<li className="py-3 md:py-0 md:pb-4"> <li className="py-3 md:py-0 md:pb-4">
<Link href="/"> <Link href="/">
<a className="text-accent-3 hover:text-white transition ease-in-out duration-150"> <a className="text-primary hover:text-accents-6 transition ease-in-out duration-150">
Home Home
</a> </a>
</Link> </Link>
</li> </li>
<li className="py-3 md:py-0 md:pb-4"> <li className="py-3 md:py-0 md:pb-4">
<Link href="/"> <Link href="/">
<a className="text-accent-3 hover:text-white transition ease-in-out duration-150"> <a className="text-primary hover:text-accents-6 transition ease-in-out duration-150">
Careers Careers
</a> </a>
</Link> </Link>
</li> </li>
<li className="py-3 md:py-0 md:pb-4"> <li className="py-3 md:py-0 md:pb-4">
<Link href="/blog"> <Link href="/blog">
<a className="text-accent-3 hover:text-white transition ease-in-out duration-150"> <a className="text-primary hover:text-accents-6 transition ease-in-out duration-150">
Blog Blog
</a> </a>
</Link> </Link>
@ -60,7 +61,7 @@ const Footer: FC<Props> = ({ className, pages }) => {
{sitePages.map((page) => ( {sitePages.map((page) => (
<li key={page.url} className="py-3 md:py-0 md:pb-4"> <li key={page.url} className="py-3 md:py-0 md:pb-4">
<Link href={page.url!}> <Link href={page.url!}>
<a className="text-accent-3 hover:text-white transition ease-in-out duration-150"> <a className="text-primary hover:text-accents-6 transition ease-in-out duration-150">
{page.name} {page.name}
</a> </a>
</Link> </Link>
@ -73,7 +74,7 @@ const Footer: FC<Props> = ({ className, pages }) => {
{legalPages.map((page) => ( {legalPages.map((page) => (
<li key={page.url} className="py-3 md:py-0 md:pb-4"> <li key={page.url} className="py-3 md:py-0 md:pb-4">
<Link href={page.url!}> <Link href={page.url!}>
<a className="text-accent-3 hover:text-white transition ease-in-out duration-150"> <a className="text-primary hover:text-accents-6 transition ease-in-out duration-150">
{page.name} {page.name}
</a> </a>
</Link> </Link>
@ -95,7 +96,7 @@ const Footer: FC<Props> = ({ className, pages }) => {
<span>&copy; 2020 ACME, Inc. All rights reserved.</span> <span>&copy; 2020 ACME, Inc. All rights reserved.</span>
</div> </div>
<div className="flex items-center"> <div className="flex items-center">
<span className="text-accent-3">Crafted by</span> <span className="text-primary">Crafted by</span>
<a href="https://vercel.com" aria-label="Vercel.com Link"> <a href="https://vercel.com" aria-label="Vercel.com Link">
<img <img
src="/vercel.svg" src="/vercel.svg"