Parse CSS for and create mediaQueryListeners for found breakpoints

mediaquerylisteners.js

(function() {

	var handleMediaQueryMatch = function(mql) {
		console.log('%s : %s', mql.media, mql.matches);
	};
	
	var mediaQueryListeners = function() {

		for(var i = -1, sheets = document.styleSheets, sheet; sheet = sheets[++i];) {
			for(var j = -1, rules = sheet.cssRules, rule, mql; rule = rules[++j];) {
				if(rule.media) {
					mql = window.matchMedia(rule.media.mediaText);
					mql.addListener(handleMediaQueryMatch);
					handleMediaQueryMatch(mql);
				}
			}
		}
	}

	mediaQueryListeners();


})();