preserve !important rules

fixes rodneyrehm#44
mderazon · Mar 8, 2015 · a7099cc · a7099cc
1 parent 4ae813c
commit a7099cc
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/test.css b/test.css
@@ -20,6 +20,10 @@
   filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=1vh, OffY=1vw, Color=#000000);
 }
 
+.priority-important-test {
+  height: 20.3vh !important;  
+}
+
 .use_css_content_hack-test {
   content: 'viewport-units-buggyfill; width: 80vmax; height: 80vmax;';
 }

diff --git a/viewport-units-buggyfill.js b/viewport-units-buggyfill.js
@@ -230,6 +230,11 @@
 
     forEach.call(rule.style, function(name) {
       var value = rule.style.getPropertyValue(name);
+      // preserve those !important rules
+      if (rule.style.getPropertyPriority(name)) {
+        value += ' !important';
+      }
+
       viewportUnitExpression.lastIndex = 0;
       if (viewportUnitExpression.test(value)) {
         declarations.push([rule, name, value]);