From c9ba83b2651e25e99085eccea3551a9fe62d8229 Mon Sep 17 00:00:00 2001 From: lytrankieio123 Date: Thu, 16 Sep 2021 15:23:48 +0700 Subject: [PATCH] :art: styles: HomeRecipe shape common :%s --- .../modules/home/HomeRecipe/HomeRecipe.module.scss | 14 ++++---------- src/styles/_utilities.scss | 2 +- 2 files changed, 5 insertions(+), 11 deletions(-) diff --git a/src/components/modules/home/HomeRecipe/HomeRecipe.module.scss b/src/components/modules/home/HomeRecipe/HomeRecipe.module.scss index 6ec4159a0..8f5145d88 100644 --- a/src/components/modules/home/HomeRecipe/HomeRecipe.module.scss +++ b/src/components/modules/home/HomeRecipe/HomeRecipe.module.scss @@ -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; } } diff --git a/src/styles/_utilities.scss b/src/styles/_utilities.scss index 8abfb0104..af566560a 100644 --- a/src/styles/_utilities.scss +++ b/src/styles/_utilities.scss @@ -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;