Normalizing Style Sheets

This commit is contained in:
Belen Curcio
2020-10-15 16:12:46 -03:00
parent ab45e28813
commit 0c9f3ef8d0
9 changed files with 20 additions and 14 deletions

View File

@@ -1,12 +1,12 @@
.root {
@apply text-accents-8 cursor-pointer inline-flex px-10 rounded-sm leading-6
@apply text-accents-1 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
border border-transparent items-center;
}
.root:hover {
@apply bg-primary-2 text-base border border-secondary;
@apply bg-accents-0 text-base border border-secondary;
}
.root:focus {

View File

@@ -6,12 +6,12 @@ const Logo = () => (
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect width="32" height="32" rx="16" fill="var(--bg-secondary)" />
<rect width="32" height="32" rx="16" fill="var(--secondary)" />
<path
fillRule="evenodd"
clipRule="evenodd"
d="M17.6482 10.1305L15.8785 7.02583L7.02979 22.5499H10.5278L17.6482 10.1305ZM19.8798 14.0457L18.11 17.1983L19.394 19.4511H16.8453L15.1056 22.5499H24.7272L19.8798 14.0457Z"
fill="var(--bg-primary)"
fill="var(--primary)"
/>
</svg>
)

View File

@@ -73,7 +73,7 @@ const Sidebar: FC<Props> = ({ className, children, show = true, close }) => {
leaveTo="translate-x-full"
>
<div className="h-full w-screen max-w-lg">
<div className="h-full flex flex-col text-base bg-primary-accent shadow-xl overflow-y-auto">
<div className="h-full flex flex-col text-base bg-accents-1 shadow-xl overflow-y-auto">
{children}
</div>
</div>