varemenos
11/27/2013 - 1:40 AM

Check if calc() is supported by your browser

Check if calc() is supported by your browser

// returns true if your browser supports calc()
myapp.checkCalc = function (prefix = '') {
	var el = document.createElement('div');
	el.style.cssText = prefix + 'width: calc(1px);';
	return !!el.style.length;
};

// returns true if your browser supports any version of calc(), prefixed or not
myapp.checkAllCalc = function (prefix = '') {
	return myapp.checkCalc('-webkit-') || myapp.checkCalc('-moz-') || myapp.checkCalc();
};

myapp.checkCalc('-webkit-'); // check webkit prefixed support
myapp.checkCalc('-moz-'); // check moz prefixed support
myapp.checkCalc(); // check unprefixed/spec support

myapp.checkAllCalc(); // or all together