Merge pull request #257 from romainmenke/add-support-for-hue-turn-grad-rad--unassuming-eastern-gorilla-319fb36c89

css color : add support for hue rad|grad|turn

Author: aeschli

src/languageFacts/colors.ts

@@ -190,10 +190,24 @@ function getNumericValue(node: nodes.Node, factor: number) {
 
 function getAngle(node: nodes.Node) {
 	const val = node.getText();
-	const m = val.match(/^([-+]?[0-9]*\.?[0-9]+)(deg)?$/);
+	const m = val.match(/^([-+]?[0-9]*\.?[0-9]+)(deg|rad|grad|turn)?$/);
 	if (m) {
-		return parseFloat(val) % 360;
+		switch (m[2]) {
+			case 'deg':
+				return parseFloat(val) % 360;
+			case 'rad':
+				return (parseFloat(val) * 180 / Math.PI) % 360;
+			case 'grad':
+				return (parseFloat(val) * 0.9) % 360;
+			case 'turn':
+				return (parseFloat(val) * 360) % 360;
+			default:
+				if ('undefined' === typeof m[2]) {
+					return parseFloat(val) % 360;
+				}
+		}
 	}
+
 	throw new Error();
 }
 

src/test/css/languageFacts.test.ts

@@ -103,6 +103,13 @@ suite('CSS - Language Facts', () => {
 		assertColor(parser, '#main { color: hsl(180,100%,25%, 0.33) }', 'hsl', colorFrom256RGB(0, 0.5 * 255, 0.5 * 255, 0.33));
 		assertColor(parser, '#main { color: hsl(30,20%,30%, 0) }', 'hsl', colorFrom256RGB(92, 77, 61, 0));
 		assertColor(parser, '#main { color: hsla(38deg,89%,89%, 0) }', 'hsl', colorFrom256RGB(252, 234, 202, 0));
+		assertColor(parser, '#main { color: hsl(0.5turn, 100%, 50%) }', 'hsl', colorFrom256RGB(0, 255, 255, 1));
+		assertColor(parser, '#main { color: hsl(1.5turn, 100%, 50%) }', 'hsl', colorFrom256RGB(0, 255, 255, 1));
+		assertColor(parser, '#main { color: hsl(200grad, 100%, 50%) }', 'hsl', colorFrom256RGB(0, 255, 255, 1));
+		assertColor(parser, '#main { color: hsl(3.14159rad, 100%, 50%) }', 'hsl', colorFrom256RGB(0, 255, 255, 1));
+		assertColor(parser, '#main { color: hsl(0.13turn, 97%, 32%) }', 'hsl', colorFrom256RGB(161, 126, 2, 1));
+		assertColor(parser, '#main { color: hsl(124grad, 71%, 45%) }', 'hsl', colorFrom256RGB(56, 196, 33, 1));
+		assertColor(parser, '#main { color: hsl(2.35112rad, 76%, 63%) }', 'hsl', colorFrom256RGB(89, 232, 124, 1));
 		assertColor(parser, '#main { color: rgba(0.7) }', 'rgba', null, true);
 		assertColor(parser, '[green] {}', 'green', null);
 		assertColor(parser, '[data-color=green] {}', 'green', null);
@@ -159,4 +166,4 @@ suite('CSS - Language Facts', () => {
 		assertHSLValue(hslFromColor(colorFrom256RGB(0, 128, 128, 1)), { h: 180, s: 1, l: 0.251, a: 1 });
 		assertHSLValue(hslFromColor(colorFrom256RGB(0, 0, 128, 1)), { h: 240, s: 1, l: 0.251, a: 1 });
 	});
-});
+});