crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-04 04:01:21 +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/>} type={ButonType.light}>Button with icon</ButtonCommon>
<ViewAllItem link="/all"/>
<ItemWishList isActive={false} />
<ItemWishList isActive={true} />
<Logo />
<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>

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

@ -5,11 +5,12 @@
width: 2.4rem;
height: 2.4rem;
path{
stroke: theme("colors.primary");
stroke: var(--primary);
}
}
.isToggleOn{
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{
width: 3.2rem;
height: 3.2rem;
background-color: theme("colors.primary");
background-color: var(--primary);
border-radius: 50%;
margin-right: 1.2rem;
}
.conTent{
@apply font-logo;
text-transform: uppercase;
line-height: 3.2rem;
letter-spacing: -0.02rem;
@apply font-logo sub-headline;
font-size: 1.6rem;
}
}

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

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