From 5175d1eedbe56de9777cf9fa1a5b4e3d3a652bff Mon Sep 17 00:00:00 2001 From: Lungan Catalin Date: Tue, 18 Jun 2024 14:21:47 +0300 Subject: [PATCH] refactor(Tag): use CSS logical properties instead of physical values --- packages/beeq/src/components/tag/scss/bq-tag.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/beeq/src/components/tag/scss/bq-tag.scss b/packages/beeq/src/components/tag/scss/bq-tag.scss index bc7a3377e..c3e08f23f 100644 --- a/packages/beeq/src/components/tag/scss/bq-tag.scss +++ b/packages/beeq/src/components/tag/scss/bq-tag.scss @@ -14,7 +14,7 @@ .bq-tag { @apply box-border inline-flex select-none flex-row items-center justify-center bg-[--bq-tag--background-color]; - @apply gap-[--bq-tag--medium-gap] px-[--bq-tag--medium-padding-x] py-[--bq-tag--medium-padding-y] font-medium leading-regular text-text-primary; + @apply gap-[--bq-tag--medium-gap] font-medium leading-regular text-text-primary p-b-[--bq-tag--medium-padding-y] p-i-[--bq-tag--medium-padding-x]; @apply rounded-[--bq-tag--border-radius] border-[length:--bq-tag--border-width] border-[color:--bq-tag--border-color]; @apply transition-colors duration-300 ease-in-out; @@ -25,7 +25,7 @@ .bq-tag__xsmall, .bq-tag__small { - @apply gap-[--bq-tag--small-gap] px-[--bq-tag--small-padding-x] py-[--bq-tag--small-padding-y]; + @apply gap-[--bq-tag--small-gap] p-b-[--bq-tag--small-padding-y] p-i-[--bq-tag--small-padding-x]; /* Apply predefined border radius only if the border property have NO VALUE */ &:not(.has-border) { @@ -102,7 +102,7 @@ /* ------------------------------ Close button ------------------------------ */ .bq-tag__close::part(button) { - @apply pointer-events-none h-fit border-0 p-0; + @apply pointer-events-none border-0 bs-fit p-b-0 p-i-0; } /* --------------- Apply the right size to the bq-icon prefix --------------- */