Add support for negative CSS values (#161)

flackr · Sep 27, 2023 · a4b62f3 · a4b62f3
1 parent 456e9cd
commit a4b62f3
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/scroll-timeline-base.js b/src/scroll-timeline-base.js
@@ -103,6 +103,7 @@ export function calculateMaxScrollOffset(source, axis) {
 
 function resolvePx(cssValue, resolvedLength) {
   if (cssValue instanceof CSSUnitValue) {
+    // TODO: Add support for em, vh
     if (cssValue.unit == "percent")
       return cssValue.value * resolvedLength / 100;
     else if (cssValue.unit == "px")
@@ -115,7 +116,9 @@ function resolvePx(cssValue, resolvedLength) {
       total += resolvePx(value, resolvedLength);
     }
     return total;
-  }
+  } else if (cssValue instanceof CSSMathNegate) {
+    return -resolvePx(cssValue.value, resolvedLength);
+  } 
   throw TypeError("Unsupported value type: " + typeof(cssValue));
 }