Revision dd3f71885bd5039f7ba6f357ac2a43fc510ee23f authored by Mike Pennisi on 23 December 2017, 00:01:51 UTC, committed by jgraham on 23 April 2018, 17:11:42 UTC
1 parent 18ee2b4
vendorPrefix.js
//
// Vendor-Prefix Helper Functions For Testing CSS
//
(function(root) {
'use strict';
var prefixCache = {};
// convert "foo-bar" to "fooBar"
function camelCase(str) {
return str.replace(/\-(\w)/g, function(match, letter){
return letter.toUpperCase();
});
}
// vendor-prefix a css property
root.addVendorPrefix = function (name) {
var prefix = getVendorPrefix(name);
if (prefix === false) {
// property unknown to browser
return name;
}
return prefix + name;
};
// vendor-prefix a css property value
root.addValueVendorPrefix = function (property, value) {
var prefix = getValueVendorPrefix(property, value);
if (prefix === false) {
// property unknown to browser
return name;
}
return prefix + value;
};
// identify vendor-prefix for css property
root.getVendorPrefix = function(name) {
if (prefixCache[name] !== undefined) {
return prefixCache[name];
}
var elem = document.createElement("div");
name = camelCase(name);
if (name in elem.style) {
return prefixCache[name] = "";
}
var prefixes = ["Webkit", "Moz", "O", "ms"];
var styles = ["-webkit-", "-moz-", "-o-", "-ms-"];
var _name = name.substring(0, 1).toUpperCase() + name.substring(1);
for (var i = 0, length = prefixes.length; i < length; i++) {
if (prefixes[i] + _name in elem.style) {
return prefixCache[name] = styles[i];
}
}
return prefixCache[name] = name in elem.style ? "" : false;
};
// identify vendor-prefix for css property value
root.getValueVendorPrefix = function(property, value) {
var elem = document.createElement("div");
// note: webkit needs the element to be attached to the dom
document.body.appendChild(elem);
var styles = ["-webkit-", "-moz-", "-o-", "-ms-", ""];
var _property = getVendorPrefix(property) + property;
for (var i=0, length = styles.length; i < length; i++) {
var _value = styles[i] + value;
elem.setAttribute('style', _property + ": " + _value);
var _computed = computedStyle(elem, _property);
if (_computed && _computed !== 'none') {
document.body.removeChild(elem);
return styles[i];
}
}
document.body.removeChild(elem);
return false;
};
})(window);
![swh spinner](/static/img/swh-spinner.gif)
Computing file changes ...