mirror of
https://github.com/vercel/commerce.git
synced 2025-05-18 07:26:59 +00:00
Now with Geist Colors
This commit is contained in:
parent
677bba308d
commit
812d1bee84
@ -33,7 +33,7 @@ const Footer: FC<Props> = ({ className, pages }) => {
|
|||||||
<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">
|
||||||
<span className="rounded-full border border-gray-700 mr-2">
|
<span className="rounded-full border border-accent-6 mr-2">
|
||||||
<Logo />
|
<Logo />
|
||||||
</span>
|
</span>
|
||||||
<span>ACME</span>
|
<span>ACME</span>
|
||||||
|
@ -22,7 +22,7 @@ const SidebarLayout: FC<ComponentProps> = ({
|
|||||||
<button
|
<button
|
||||||
onClick={handleClose}
|
onClick={handleClose}
|
||||||
aria-label="Close"
|
aria-label="Close"
|
||||||
className="hover:text-gray-500 transition ease-in-out duration-150 flex items-center focus:outline-none"
|
className="hover:text-accent-5 transition ease-in-out duration-150 flex items-center focus:outline-none"
|
||||||
>
|
>
|
||||||
<Cross className="h-6 w-6 hover:text-accent-3" />
|
<Cross className="h-6 w-6 hover:text-accent-3" />
|
||||||
<span className="ml-2 text-accent-7 text-sm ">Close</span>
|
<span className="ml-2 text-accent-7 text-sm ">Close</span>
|
||||||
@ -32,7 +32,7 @@ const SidebarLayout: FC<ComponentProps> = ({
|
|||||||
<button
|
<button
|
||||||
onClick={handleBack}
|
onClick={handleBack}
|
||||||
aria-label="Go back"
|
aria-label="Go back"
|
||||||
className="hover:text-gray-500 transition ease-in-out duration-150 flex items-center focus:outline-none"
|
className="hover:text-accent-5 transition ease-in-out duration-150 flex items-center focus:outline-none"
|
||||||
>
|
>
|
||||||
<ChevronLeft className="h-6 w-6 hover:text-accent-3" />
|
<ChevronLeft className="h-6 w-6 hover:text-accent-3" />
|
||||||
<span className="ml-2 text-accent-7 text-xs">Back</span>
|
<span className="ml-2 text-accent-7 text-xs">Back</span>
|
||||||
|
@ -3,7 +3,7 @@
|
|||||||
composes: root from 'components/ui/Button/Button.module.css';
|
composes: root from 'components/ui/Button/Button.module.css';
|
||||||
@apply h-10 w-10 bg-primary text-primary rounded-full mr-3 inline-flex
|
@apply h-10 w-10 bg-primary text-primary rounded-full mr-3 inline-flex
|
||||||
items-center justify-center cursor-pointer transition duration-150 ease-in-out
|
items-center justify-center cursor-pointer transition duration-150 ease-in-out
|
||||||
p-0 shadow-none border-gray-200 border box-border select-none;
|
p-0 shadow-none border-accent-3 border box-border select-none;
|
||||||
margin-right: calc(0.75rem - 1px);
|
margin-right: calc(0.75rem - 1px);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
width: 48px;
|
width: 48px;
|
||||||
|
@ -15,7 +15,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.root[data-active] {
|
.root[data-active] {
|
||||||
@apply bg-gray-600;
|
@apply bg-accent-6;
|
||||||
}
|
}
|
||||||
|
|
||||||
.loading {
|
.loading {
|
||||||
|
@ -13,5 +13,5 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.close {
|
.close {
|
||||||
@apply hover:text-gray-500 transition ease-in-out duration-150 focus:outline-none absolute right-0 top-0 m-6;
|
@apply hover:text-accent-5 transition ease-in-out duration-150 focus:outline-none absolute right-0 top-0 m-6;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user