Ignore maps and lists in color-named

lib/rules/color-named/__tests__/index.js

@@ -56,6 +56,9 @@ testRule(rule, {
   }, {
     code: "a { font: 10px/14px Brown, sans-serif; }",
     description: "ignore font family names that are colors",
+  }, {
+    code: "$colors: (white: #fff, blue: #00f);",
+    description: "ignore non-standard list and map syntax",
   } ],
 
   reject: [ {
@@ -93,6 +96,11 @@ testRule(rule, {
     message: messages.rejected("white"),
     line: 1,
     column: 24,
+  }, {
+    code: "a { background: color(green); }",
+    message: messages.rejected("green"),
+    line: 1,
+    column: 23,
   } ],
 })
 
@@ -255,6 +263,11 @@ testRule(rule, {
     message: messages.expected("black", "rgb(0,0,0)"),
     line: 1,
     column: 23,
+  }, {
+    code: "a { color: color(#000 a(50%)) }",
+    message: messages.expected("black", "#000"),
+    line: 1,
+    column: 12,
   } ],
 })
 
@@ -300,6 +313,8 @@ testRule(rule, {
     code: "a { color: map-get($colour, blue(60%)); }",
   }, {
     code: "a { color: map-get($colour, blue); }",
+  }, {
+    code: "a { background: color(blue); }",
   } ],
 
   reject: [ {

lib/rules/color-named/index.js

@@ -2,6 +2,7 @@
 
 const _ = require("lodash")
 const declarationValueIndex = require("../../utils/declarationValueIndex")
+const isStandardSyntaxFunction = require("../../utils/isStandardSyntaxFunction")
 const isStandardSyntaxValue = require("../../utils/isStandardSyntaxValue")
 const keywordSets = require("../../reference/keywordSets")
 const namedColorData = require("../../reference/namedColorData")
@@ -70,6 +71,10 @@ const rule = function (expectation, options) {
           return false
         }
 
+        if (!isStandardSyntaxFunction(node)) {
+          return false
+        }
+
         if (!isStandardSyntaxValue(value)) {
           return
         }