4
0
forked from crowetic/commerce

Most Changes

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

View File

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

View File

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

View File

@ -10,7 +10,7 @@ interface Props {
const Featurebar: FC<Props> = ({ title, description, className }) => { const Featurebar: FC<Props> = ({ title, description, className }) => {
const rootClassName = cn( 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 className
) )
return ( return (

View File

@ -1,5 +1,5 @@
.input { .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; min-width: 300px;
} }

View File

@ -17,7 +17,7 @@ const Searchbar: FC<Props> = ({ className }) => {
return ( return (
<div <div
className={cn( 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 className
)} )}
> >

View File

@ -1,11 +1,12 @@
.root { .root {
@apply text-secondary cursor-pointer inline-flex px-10 rounded-sm leading-6 @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 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 { .root:hover {
@apply bg-gray-800; @apply bg-primary-accent text-primary border border-secondary;
} }
.root:focus { .root:focus {