crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-23 04:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Normalizing Style Sheets

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

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-primary-accent text-base text-sm text-gray-600 md:flex flex-row justify-center items-center font-medium border-b border-primary-accent',
'hidden py-2 px-6 bg-accents-1 border-b border-accents-2 text-base text-sm text-gray-600 md:flex flex-row justify-center items-center font-medium border-b border-accents-1',
className
)
return (

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-primary-accent text-base w-full',
'relative rounded-lg text-sm bg-accents-1 text-base w-full border border-accents-2',
className
)}
>

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

@@ -29,7 +29,7 @@ const UserNav: FC<Props> = ({ className }) => {
>
<Bag />
{itemsCount > 0 && (
<span className="bg-secondary text-base h-4 w-4 absolute rounded-full right-3 top-3 flex items-center justify-center font-bold text-xs">
<span className="border border-accent-1 bg-secondary text-secondary h-4 w-4 absolute rounded-full right-3 top-3 flex items-center justify-center font-bold text-xs">
{itemsCount}
</span>
)}

4
components/ui/Button/Button.module.css
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 {

4
components/ui/Logo/Logo.tsx
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>
)

2
components/ui/Sidebar/Sidebar.tsx
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>

2
components/wishlist/WishlistCard/WishlistCard.module.css
View File

@@ -1,5 +1,5 @@
.root {
@apply grid grid-cols-12 w-full gap-6 px-3 py-6 border-b border-primary-hover;
@apply grid grid-cols-12 w-full gap-6 px-3 py-6 border-b border-accents-2;
&:nth-child(3n + 1) {
& .productBg {