crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-03-14 22:42:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Most Changes

Browse Source
This commit is contained in:
Belen Curcio 2020-10-13 14:42:24 -03:00
parent 6978b4d4bb
commit 6010d3e2b7
6 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/global.css
View File

@ -3,7 +3,7 @@
:root {
--bg-primary: white;
--bg-primary-hover: rgba(0, 0, 0, 0.075);
--bg-primary-accent: #ddd;
--bg-primary-accent: #f1f3f5;
--bg-secondary: black;
--text-primary: black;

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

@ -1,5 +1,5 @@
.separator {
@apply mx-3 bg-gray-400;
@apply mx-3 bg-secondary;
width: 1px;
height: 20px;
}

2
components/core/Featurebar/Featurebar.tsx
View File

@ -10,7 +10,7 @@ interface Props {
const Featurebar: FC<Props> = ({ title, description, className }) => {
const rootClassName = cn(
'hidden py-2 px-6 bg-gray-100 text-sm text-gray-600 md:flex flex-row justify-center items-center font-medium',
'hidden py-2 px-6 bg-primary-accent text-primary text-sm text-gray-600 md:flex flex-row justify-center items-center font-medium border-b border-primary-accent',
className
)
return (

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

@ -1,5 +1,5 @@
.input {
@apply bg-transparent px-3 py-2 appearance-none w-full transition duration-150 ease-in-out rounded-lg text-gray-600 placeholder-accent-4 pr-10;
@apply bg-transparent px-3 py-2 appearance-none w-full transition duration-150 ease-in-out rounded-lg placeholder-accent-4 pr-10;
min-width: 300px;
}

2
components/core/Searchbar/Searchbar.tsx
View File

@ -17,7 +17,7 @@ const Searchbar: FC<Props> = ({ className }) => {
return (
<div
className={cn(
'relative rounded-lg text-sm bg-accent-2 text-gray-600 w-full',
'relative rounded-lg text-sm bg-primary-accent text-primary w-full',
className
)}
>

5
components/ui/Button/Button.module.css
View File

@ -1,11 +1,12 @@
.root {
@apply text-secondary cursor-pointer inline-flex px-10 rounded-sm leading-6
bg-secondary transition ease-in-out duration-150 shadow-sm font-semibold
text-center justify-center uppercase py-4 uppercase text-center focus:outline-none;
text-center justify-center uppercase py-4 uppercase text-center focus:outline-none
border border-transparent;
}
.root:hover {
@apply bg-gray-800;
@apply bg-primary-accent text-primary border border-secondary;
}
.root:focus {