Merge pull request #211 from mattiacci/master

Update animation-direction by adding <single-animation-direction>
CSSLint · Apr 25, 2016 · 7a2eeb2 · 7a2eeb2
2 parents 5468413 + 93e6a36
commit 7a2eeb2
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 1 deletion.
diff --git a/src/css/Properties.js b/src/css/Properties.js
@@ -16,7 +16,7 @@ var Properties = module.exports = {
     "alignment-baseline"            : "auto | baseline | use-script | before-edge | text-before-edge | after-edge | text-after-edge | central | middle | ideographic | alphabetic | hanging | mathematical",
     "animation"                     : 1,
     "animation-delay"               : "<time>#",
-    "animation-direction"           : "[ normal | alternate ]#",
+    "animation-direction"           : "<single-animation-direction>#",
     "animation-duration"            : "<time>#",
     "animation-fill-mode"           : "[ none | forwards | backwards | both ]#",
     "animation-iteration-count"     : "[ <number> | infinite ]#",

diff --git a/src/css/ValidationTypes.js b/src/css/ValidationTypes.js
@@ -282,6 +282,9 @@ copy(ValidationTypes, {
 
         "<shape-box>": "<box> | margin-box",
 
+        "<single-animation-direction>":
+            "normal | reverse | alternate | alternate-reverse",
+
         "<single-animation-name>": function(part) {
             return this["<ident>"](part) &&
                 /^-?[a-z_][-a-z0-9_]+$/i.test(part) &&

diff --git a/tests/css/Validation.js b/tests/css/Validation.js
@@ -83,6 +83,22 @@ var YUITest = require("yuitest"),
 
     var suite = new YUITest.TestSuite("Validation Tests");
 
+    suite.add(new ValidationTestCase({
+        property: "animation-direction",
+
+        valid: [
+            "normal",
+            "reverse",
+            "alternate",
+            "alternate-reverse",
+            "alternate, reverse, normal",
+        ],
+
+        invalid: {
+            "1px" : "Expected (<single-animation-direction>#) but found '1px'."
+        }
+    }));
+
     suite.add(new ValidationTestCase({
         property: "animation-fill-mode",