fix: prevent floating point issue with alpha channel (#186)

styled-components · May 31, 2017 · 5d3afc6 · 5d3afc6
1 parent 4dcf555
commit 5d3afc6
Show file tree

Hide file tree

Showing 6 changed files with 78 additions and 74 deletions.
diff --git a/docs/assets/polished.js b/docs/assets/polished.js
@@ -2166,7 +2166,7 @@ function opacify(amount, color) {
   var parsedColor = parseToRgb(color);
   var alpha = typeof parsedColor.alpha === 'number' ? parsedColor.alpha : 1;
   var colorWithAlpha = _extends({}, parsedColor, {
-    alpha: guard(0, 1, alpha + amount)
+    alpha: guard(0, 1, (alpha * 100 + amount * 100) / 100)
   });
   return rgba(colorWithAlpha);
 }
@@ -2406,7 +2406,7 @@ function transparentize(amount, color) {
   var parsedColor = parseToRgb(color);
   var alpha = typeof parsedColor.alpha === 'number' ? parsedColor.alpha : 1;
   var colorWithAlpha = _extends({}, parsedColor, {
-    alpha: guard(0, 1, alpha - amount)
+    alpha: guard(0, 1, (alpha * 100 - amount * 100) / 100)
   });
   return rgba(colorWithAlpha);
 }