forked from crowetic/commerce
normalize durations
This commit is contained in:
parent
48ed8a58ef
commit
b525de4181
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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"
|
||||||
|
@ -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 {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user