forked from crowetic/commerce
Most Changes
This commit is contained in:
parent
6978b4d4bb
commit
6010d3e2b7
@ -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;
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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 (
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
@ -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 {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user