From 3ef2c15c97b8126f183245e316978b58c682e5f1 Mon Sep 17 00:00:00 2001 From: toshusai Date: Tue, 5 Mar 2024 18:09:18 +0900 Subject: [PATCH] refactor: use px for number --- packages/styled/src/utils/gap.ts | 6 +++--- packages/styled/src/utils/padding.ts | 10 +++++----- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/packages/styled/src/utils/gap.ts b/packages/styled/src/utils/gap.ts index 0c30c945d..c8a643500 100644 --- a/packages/styled/src/utils/gap.ts +++ b/packages/styled/src/utils/gap.ts @@ -11,18 +11,18 @@ export function gap( export function gap(v1: keyof Spacing, v2?: keyof Spacing) { return css` - gap: ${pxIfNum(v1)} ${pxIfNum(v2)}; + gap: ${v1}px ${pxIfNum(v2)}; ` } export function rowGap(v: keyof Spacing) { return css` - row-gap: ${pxIfNum(v)}; + row-gap: ${v}px; ` } export function columnGap(v: keyof Spacing) { return css` - column-gap: ${pxIfNum(v)}; + column-gap: ${v}px; ` } diff --git a/packages/styled/src/utils/padding.ts b/packages/styled/src/utils/padding.ts index cf510a59e..85c5b66d5 100644 --- a/packages/styled/src/utils/padding.ts +++ b/packages/styled/src/utils/padding.ts @@ -29,30 +29,30 @@ export function padding( arg4?: keyof Spacing ) { return css` - padding: ${pxIfNum(arg1)} ${pxIfNum(arg2)} ${pxIfNum(arg3)} ${pxIfNum(arg4)}; + padding: ${arg1}px ${pxIfNum(arg2)} ${pxIfNum(arg3)} ${pxIfNum(arg4)}; ` } export function paddingTop(v: keyof Spacing) { return css` - padding-top: ${pxIfNum(v)}; + padding-top: ${v}px; ` } export function paddingBottom(v: keyof Spacing) { return css` - padding-bottom: ${pxIfNum(v)}; + padding-bottom: ${v}px; ` } export function paddingLeft(v: keyof Spacing) { return css` - padding-left: ${pxIfNum(v)}; + padding-left: ${v}px; ` } export function paddingRight(v: keyof Spacing) { return css` - padding-right: ${pxIfNum(v)}; + padding-right: ${v}px; ` }