From 7cc7910df63d19e7ebc67bb1156437f0559712d7 Mon Sep 17 00:00:00 2001 From: Lars Henrik Mai Date: Sun, 21 Sep 2014 12:25:47 +0200 Subject: add foundation via bower --- .../modernizr/feature-detects/css-regions.js | 55 ++++++++++++++++++++++ 1 file changed, 55 insertions(+) create mode 100644 source/bower_components/modernizr/feature-detects/css-regions.js (limited to 'source/bower_components/modernizr/feature-detects/css-regions.js') diff --git a/source/bower_components/modernizr/feature-detects/css-regions.js b/source/bower_components/modernizr/feature-detects/css-regions.js new file mode 100644 index 0000000..c8995c3 --- /dev/null +++ b/source/bower_components/modernizr/feature-detects/css-regions.js @@ -0,0 +1,55 @@ +// CSS Regions +// http://www.w3.org/TR/css3-regions/ +// By: Mihai Balan + +// We start with a CSS parser test then we check page geometry to see if it's affected by regions +// Later we might be able to retire the second part, as WebKit builds with the false positives die out + +Modernizr.addTest('regions', function() { + + /* Get the 'flowFrom' property name available in the browser. Either default or vendor prefixed. + If the property name can't be found we'll get Boolean 'false' and fail quickly */ + var flowFromProperty = Modernizr.prefixed("flowFrom"), + flowIntoProperty = Modernizr.prefixed("flowInto"); + + if (!flowFromProperty || !flowIntoProperty){ + return false; + } + + /* If CSS parsing is there, try to determine if regions actually work. */ + var container = document.createElement('div'), + content = document.createElement('div'), + region = document.createElement('div'), + + /* we create a random, unlikely to be generated flow number to make sure we don't + clash with anything more vanilla, like 'flow', or 'article', or 'f1' */ + flowName = 'modernizr_flow_for_regions_check'; + + /* First create a div with two adjacent divs inside it. The first will be the + content, the second will be the region. To be able to distinguish between the two, + we'll give the region a particular padding */ + content.innerText = 'M'; + container.style.cssText = 'top: 150px; left: 150px; padding: 0px;'; + region.style.cssText = 'width: 50px; height: 50px; padding: 42px;'; + + region.style[flowFromProperty] = flowName; + container.appendChild(content); + container.appendChild(region); + document.documentElement.appendChild(container); + + /* Now compute the bounding client rect, before and after attempting to flow the + content div in the region div. If regions are enabled, the after bounding rect + should reflect the padding of the region div.*/ + var flowedRect, delta, + plainRect = content.getBoundingClientRect(); + + + content.style[flowIntoProperty] = flowName; + flowedRect = content.getBoundingClientRect(); + + delta = flowedRect.left - plainRect.left; + document.documentElement.removeChild(container); + content = region = container = undefined; + + return (delta == 42); +}); -- cgit v1.2.1