Dynamically fetches the media query stylesheet breakpoints from the DOM. Currently no support for multiple media ranges, i.e. media = "screen and (min-width:X) and (max-width:Y)"

Stylesheet Media Query Breakpoints.js

var arr = new Array();
$('link[media]').each(function(i){
    typeof($(this).attr('media').split('(')[1]) !== 'undefined' 
        ? arr.push(new Array($(this).attr('media').split('(')[1].split(':')[0], $(this).attr('media').split('(')[1].split(':')[1].split('px')[0])) 
        : null ;
});

console.log(arr);