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

🎨 styles: HomeRecipe shape common

Browse Source 
:%s
This commit is contained in:
lytrankieio123
2021-09-16 15:23:48 +07:00
parent 1d988ee93a
commit c9ba83b265
2 changed files with 5 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/modules/home/HomeRecipe/HomeRecipe.module.scss
View File

@@ -17,17 +17,11 @@
padding-bottom: 3.2rem;
@apply flex justify-start spacing-horizontal;
.tab{
font-family: var(--font-heading);
padding: 1.6rem 1.6rem 0.8rem 1.6rem;
font-size: 2.4rem;
line-height: 2.8rem;
@screen md{
font-size: 3.2rem;
line-height: 4rem;
}
outline: none;
all: unset;
@apply heading-3 font-heading cursor-pointer outline-none;
padding: 1.6rem;
&.active{
@apply text-background custom-border-radius bg-primary;
@apply text-background shape-common bg-primary;
}
}

2
src/styles/_utilities.scss
View File

@@ -25,7 +25,7 @@
}
.heading-3 {
font-size: 24px;
line-height: 32px;
line-height: 28px;
letter-spacing: -0.01em;
font-weight: bold;
text-transform: uppercase;