Merge pull request #62 from nschonni/add-border-inherit-gh-61

Support inherit for border-radius short and long hand

Author: nzakas

src/css/Properties.js

@@ -152,15 +152,15 @@ var Properties = {
     "border-radius"                 : function(expression) {
 
         var valid   = false,
-            numeric = "<length> | <percentage>",
+            simple = "<length> | <percentage> | inherit",
             slash   = false,
             fill    = false,
             count   = 0,
             max     = 8,
             part;
 
         while (expression.hasNext() && count < max) {
-            valid = ValidationTypes.isAny(expression, numeric);
+            valid = ValidationTypes.isAny(expression, simple);
             if (!valid) {
 
                 if (expression.peek() == "/" && count > 0 && !slash) {

src/css/ValidationTypes.js

@@ -344,14 +344,11 @@ var ValidationTypes = {
         "<x-one-radius>": function(expression) {
             //[ <length> | <percentage> ] [ <length> | <percentage> ]?
             var result  = false,
-                count   = 0,
-                numeric = "<length> | <percentage>",
-                part;
+                simple = "<length> | <percentage> | inherit";
 
-            if (ValidationTypes.isAny(expression, numeric)){
+            if (ValidationTypes.isAny(expression, simple)){
                 result = true;
-                
-                ValidationTypes.isAny(expression, numeric);
+                ValidationTypes.isAny(expression, simple);
             }                
 
             return result;

tests/css/Validation.js

@@ -282,7 +282,8 @@
         valid: [
             "5px",
             "25%",
-            "5px 25%"
+            "5px 25%",
+            "inherit"
         ],
 
         invalid: {
@@ -318,7 +319,8 @@
             "5px 25%",
             "5px / 25%",
             "5px 25% / 7px 27%",
-            "1px 2px 3px 4px / 5px 6px 7px 8px"
+            "1px 2px 3px 4px / 5px 6px 7px 8px",
+            "inherit"
         ],
 
         invalid: {