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

style: replace with utilities class

Browse Source
This commit is contained in:
unknown 2021-08-25 11:41:55 +07:00
parent b69f58b147
commit f9391f3d0c
4 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages/index.tsx
View File

@ -14,7 +14,7 @@ export default function Home() {
<ButtonCommon icon={<IconBuy/>} disabled isIconSuffix={true}>Button with icon disabled</ButtonCommon> <ButtonCommon icon={<IconBuy/>} disabled isIconSuffix={true}>Button with icon disabled</ButtonCommon>
<ButtonCommon icon={<IconBuy/>} type={ButonType.light}>Button with icon</ButtonCommon> <ButtonCommon icon={<IconBuy/>} type={ButonType.light}>Button with icon</ButtonCommon>
<ViewAllItem link="/all"/> <ViewAllItem link="/all"/>
<ItemWishList isActive={false} /> <ItemWishList isActive={true} />
<Logo /> <Logo />
<p>Go to <code>pages/index.tsx</code> to get your hand dirty!</p> <p>Go to <code>pages/index.tsx</code> to get your hand dirty!</p>
<p>Go to <code>src/components</code> to make your awesome component!</p> <p>Go to <code>src/components</code> to make your awesome component!</p>

5
src/components/common/ItemWishList/ItemWishList.module.scss
View File

@ -5,11 +5,12 @@
width: 2.4rem; width: 2.4rem;
height: 2.4rem; height: 2.4rem;
path{ path{
stroke: theme("colors.primary"); stroke: var(--primary);
} }
} }
.isToggleOn{ .isToggleOn{
svg path{ svg path{
stroke: theme("colors.primary"); stroke: var(--negative);
fill: var(--negative);
} }
} }

8
src/components/common/Logo/Logo.module.scss
View File

@ -5,14 +5,12 @@
.eclipse{ .eclipse{
width: 3.2rem; width: 3.2rem;
height: 3.2rem; height: 3.2rem;
background-color: theme("colors.primary"); background-color: var(--primary);
border-radius: 50%; border-radius: 50%;
margin-right: 1.2rem; margin-right: 1.2rem;
} }
.conTent{ .conTent{
@apply font-logo; @apply font-logo sub-headline;
text-transform: uppercase; font-size: 1.6rem;
line-height: 3.2rem;
letter-spacing: -0.02rem;
} }
} }

1
src/components/common/ViewAllItem/ViewAllItem.module.scss
View File

@ -5,7 +5,6 @@
color: theme("colors.primary"); color: theme("colors.primary");
.conTent{ .conTent{
margin: 0.8rem 0.8rem 0.8rem 1.6rem; margin: 0.8rem 0.8rem 0.8rem 1.6rem;
font-family: var(--font-sans);
font-weight: bold; font-weight: bold;
} }
.vecTor{ .vecTor{