feat(rem): allow multiple values

SukkaW · Dec 26, 2023 · af59e3b · af59e3b
1 parent e039eea
commit af59e3b
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/src/rem/index.ts b/src/rem/index.ts
@@ -5,7 +5,11 @@ function scaleRem(remValue: string, shouldScaleTo: string) {
 }
 
 function createConverter(units: string, shouldScaleTo: string | null = null) {
-  return (value: number | string) => {
+  return function converter(value: number | string | number[] | string[]): string {
+    if (Array.isArray(value)) {
+      return value.map((val) => converter(val)).join(' ');
+    }
+
     if (value === 0 || value === '0') {
       return '0';
     }
@@ -15,10 +19,17 @@ function createConverter(units: string, shouldScaleTo: string | null = null) {
       return (shouldScaleTo && shouldScaleTo !== SIXTEEN_PX) ? scaleRem(val, shouldScaleTo) : val;
     }
 
-    if (value.includes('calc(') || value.includes('var(')) {
+    if (value.includes('calc(') || value.includes('var(') || value.includes('clamp(')) {
       return value;
     }
 
+    if (value.includes(' ')) {
+      return value
+        .split(' ')
+        .map((val) => converter(val))
+        .join(' ');
+    }
+
     if (value.includes(units)) {
       return (shouldScaleTo && shouldScaleTo !== SIXTEEN_PX) ? scaleRem(value, shouldScaleTo) : value;
     }