Add CSS Shapes feature detection. http://www.w3.org/TR/css3-exclusion…

…s/#shapes
Modernizr · Mar 20, 2013 · d7e5756 · d7e5756
1 parent daf5bcf
commit d7e5756
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/feature-detects/css/shapes.js b/feature-detects/css/shapes.js
@@ -0,0 +1,19 @@
+define(['Modernizr', 'createElement', 'docElement'], function( Modernizr, createElement, docElement ) {
+    // http://www.w3.org/TR/css3-exclusions
+    // http://www.w3.org/TR/css3-exclusions/#shapes
+    // Examples: http://html.adobe.com/webstandards/cssexclusions
+    Modernizr.addTest('shapes', function () {
+        var prefixedProperty = Modernizr.prefixed('shapeInside');
+
+        if (!prefixedProperty)
+            return false;
+
+        var shapeInsideProperty = prefixedProperty.replace(/([A-Z])/g, function (str, m1) { return '-' + m1.toLowerCase(); }).replace(/^ms-/, '-ms-');
+
+        return Modernizr.testStyles('#modernizr { ' + shapeInsideProperty + ':rectangle(0,0,0,0) }', function (elem) {
+            // Check against computed value
+            var styleObj = window.getComputedStyle ? getComputedStyle(elem, null) : elem.currentStyle;
+            return styleObj[prefixed('shapeInside', docElement.style, false)] == 'rectangle(0px, 0px, 0px, 0px)';
+        });
+    });
+});
diff --git a/lib/config-all.json b/lib/config-all.json
@@ -52,6 +52,7 @@
     "test/css/resize",
     "test/css/rgba",
     "test/css/scrollbars",
+    "test/css/shapes",
     "test/css/subpixelfont",
     "test/css/supports",
     "test/css/textshadow",