1.0.1

Author: jonathantneal

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changes to PostCSS Lab Function
 
+### 1.0.1 (May 11, 2018)
+
+- Fixed: Values beyond the acceptable 0-255 RGB range
+
 ### 1.0.0 (May 11, 2018)
 
 - Initial version

index.js

@@ -54,7 +54,7 @@ export default postcss.plugin('postcss-lab-function', opts => {
 									number => parseFloat(number)
 								)
 							).map(
-								sourceValue => parseInt(sourceValue * 2.55)
+								sourceValue => Math.max(Math.min(parseInt(sourceValue * 2.55), 255), 0)
 							)
 
 							children[0].value = String(rgbValues[0]);

package.json

@@ -1,6 +1,6 @@
 {
   "name": "postcss-lab-function",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Use lab() and lch() color functions in CSS",
   "author": "Jonathan Neal <jonathantneal@hotmail.com>",
   "license": "CC0-1.0",

test/basic.css

@@ -4,6 +4,7 @@
 	color: lab(40 56.6 39 / .5);
 	color: lab(40 56.6 39 / 100%);
 	color: lab(40 56.6 39 / 50%);
+	color: lab(100 50 0);
 }
 
 .test-lch {
@@ -12,4 +13,5 @@
 	color: lch(40 68.8 34.5 / .5);
 	color: lch(40 68.8 34.5 / 100%);
 	color: lch(40 68.8 34.5 / 50%);
+	color: lch(100 50 0);
 }

test/basic.expect.css

@@ -4,6 +4,7 @@
 	color: rgba(178, 34, 34, .5);
 	color: rgb(178, 34, 34);
 	color: rgba(178, 34, 34, 0.5);
+	color: rgb(255, 216, 255);
 }
 
 .test-lch {
@@ -12,4 +13,5 @@
 	color: rgba(178, 34, 34, .5);
 	color: rgb(178, 34, 34);
 	color: rgba(178, 34, 34, 0.5);
+	color: rgb(255, 216, 255);
 }

test/basic.preserve-true.expect.css

@@ -9,6 +9,8 @@
 	color: lab(40 56.6 39 / 100%);
 	color: rgba(178, 34, 34, 0.5);
 	color: lab(40 56.6 39 / 50%);
+	color: rgb(255, 216, 255);
+	color: lab(100 50 0);
 }
 
 .test-lch {
@@ -22,4 +24,6 @@
 	color: lch(40 68.8 34.5 / 100%);
 	color: rgba(178, 34, 34, 0.5);
 	color: lch(40 68.8 34.5 / 50%);
+	color: rgb(255, 216, 255);
+	color: lch(100 50 0);
 }