Preserve viewport units

diff --git a/lib/properties/validator.js b/lib/properties/validator.js
index 67b9398..acfed8b 100644 (file)
--- a/lib/properties/validator.js
+++ b/lib/properties/validator.js
@@ -3,7 +3,7 @@
 
 module.exports = (function () {
   // Regexes used for stuff
-  var cssUnitRegexStr = '(\\-?\\.?\\d+\\.?\\d*(px|%|em|rem|in|cm|mm|ex|pt|pc|)|auto|inherit)';
+  var cssUnitRegexStr = '(\\-?\\.?\\d+\\.?\\d*(px|%|em|rem|in|cm|mm|ex|pt|pc|vw|vh|vmin|vmax|)|auto|inherit)';
   var cssFunctionNoVendorRegexStr = '[A-Z]+(\\-|[A-Z]|[0-9])+\\(([A-Z]|[0-9]|\\ |\\,|\\#|\\+|\\-|\\%|\\.)*\\)';
   var cssFunctionVendorRegexStr = '\\-(\\-|[A-Z]|[0-9])+\\(([A-Z]|[0-9]|\\ |\\,|\\#|\\+|\\-|\\%|\\.)*\\)';
   var cssFunctionAnyRegexStr = '(' + cssFunctionNoVendorRegexStr + '|' + cssFunctionVendorRegexStr + ')';

diff --git a/test/unit-test.js b/test/unit-test.js
index 3e1b909..2c31664 100644 (file)
--- a/test/unit-test.js
+++ b/test/unit-test.js
@@ -1952,5 +1952,8 @@ title']{display:block}",
       'a{outline:5px auto -webkit-focus-ring-color}',
       'a{outline:-webkit-focus-ring-color auto 5px}'
     ]
+  }),
+  'viewport units': cssContext({
+    'shorthand margin with viewport width not changed': 'div{margin:5vw}'
   })
 }).export(module);