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; padding-bottom: 3.2rem;
@apply flex justify-start spacing-horizontal; @apply flex justify-start spacing-horizontal;
.tab{ .tab{
font-family: var(--font-heading); all: unset;
padding: 1.6rem 1.6rem 0.8rem 1.6rem; @apply heading-3 font-heading cursor-pointer outline-none;
font-size: 2.4rem; padding: 1.6rem;
line-height: 2.8rem;
@screen md{
font-size: 3.2rem;
line-height: 4rem;
}
outline: none;
&.active{ &.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 { .heading-3 {
font-size: 24px; font-size: 24px;
line-height: 32px; line-height: 28px;
letter-spacing: -0.01em; letter-spacing: -0.01em;
font-weight: bold; font-weight: bold;
text-transform: uppercase; text-transform: uppercase;