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

normalize durations

Browse Source
This commit is contained in:
Julián Benegas 2020-10-22 21:14:56 -03:00
parent 48ed8a58ef
commit b525de4181
4 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -21,7 +21,7 @@ const Footer: FC<Props> = ({ className, pages }) => {
return ( return (
<footer className={rootClassName}> <footer className={rootClassName}>
<Container> <Container>
<div className="grid grid-cols-1 lg:grid-cols-12 gap-8 border-b border-accents-2 py-12 text-primary bg-primary"> <div className="grid grid-cols-1 lg:grid-cols-12 gap-8 border-b border-accents-2 py-12 text-primary bg-primary transition-colors duration-150">
<div className="col-span-1 lg:col-span-2"> <div className="col-span-1 lg:col-span-2">
<Link href="/"> <Link href="/">
<a className="flex flex-initial items-center font-bold md:mr-24"> <a className="flex flex-initial items-center font-bold md:mr-24">
@ -36,21 +36,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-gray-400 hover:text-white transition ease-in-out duration-100"> <a className="text-gray-400 hover:text-white 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-gray-400 hover:text-white transition ease-in-out duration-100"> <a className="text-gray-400 hover:text-white 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-gray-400 hover:text-white transition ease-in-out duration-100"> <a className="text-gray-400 hover:text-white transition ease-in-out duration-150">
Blog Blog
</a> </a>
</Link> </Link>
@ -58,7 +58,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-gray-400 hover:text-white transition ease-in-out duration-100"> <a className="text-gray-400 hover:text-white transition ease-in-out duration-150">
{page.name} {page.name}
</a> </a>
</Link> </Link>
@ -71,7 +71,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-gray-400 hover:text-white transition ease-in-out duration-100"> <a className="text-gray-400 hover:text-white transition ease-in-out duration-150">
{page.name} {page.name}
</a> </a>
</Link> </Link>

6
components/core/Toggle/Toggle.tsx
View File

@ -31,7 +31,7 @@ const Toggle: FC<Props> = ({ className, checked, onChange }) => {
<span <span
className={`${ className={`${
checked checked
? 'opacity-0 ease-out duration-100' ? 'opacity-0 ease-out duration-150'
: 'opacity-100 ease-in duration-200' : 'opacity-100 ease-in duration-200'
} absolute inset-0 h-full w-full flex items-center justify-center transition-opacity`} } absolute inset-0 h-full w-full flex items-center justify-center transition-opacity`}
> >
@ -41,8 +41,8 @@ const Toggle: FC<Props> = ({ className, checked, onChange }) => {
className={`${ className={`${
checked checked
? 'opacity-100 ease-in duration-200' ? 'opacity-100 ease-in duration-200'
: 'opacity-0 ease-out duration-100' : 'opacity-0 ease-out duration-150'
} opacity-0 ease-out duration-100 absolute inset-0 h-full w-full flex items-center justify-center transition-opacity`} } opacity-0 ease-out duration-150 absolute inset-0 h-full w-full flex items-center justify-center transition-opacity`}
> >
<HiMoon className="h-3 w-3 text-yellow-400" /> <HiMoon className="h-3 w-3 text-yellow-400" />
</span> </span>

2
components/core/UserNav/DropdownMenu.tsx
View File

@ -26,7 +26,7 @@ const DropdownMenu: FC<DropdownMenuProps> = ({
return ( return (
<Transition <Transition
show={open} show={open}
enter="transition ease-out duration-100 z-20" enter="transition ease-out duration-150 z-20"
enterFrom="transform opacity-0 scale-95" enterFrom="transform opacity-0 scale-95"
enterTo="transform opacity-100 scale-100" enterTo="transform opacity-100 scale-100"
leave="transition ease-in duration-75" leave="transition ease-in duration-75"

2
components/core/UserNav/UserNav.module.css
View File

@ -12,7 +12,7 @@
.item { .item {
@apply mr-6 cursor-pointer relative transition ease-in-out duration-150 text-base flex items-center; @apply mr-6 cursor-pointer relative transition ease-in-out duration-150 text-base flex items-center;
&:hover { &:hover {
@apply text-accents-8 transition scale-110 duration-100; @apply text-accents-8 transition scale-110 duration-150;
} }
&:last-child { &:last-child {