Dynamically Insert a CSS File

insert-css.js

/* Dynamically insert a CSS file */
/* Inspired by http://stackoverflow.com/questions/574944/how-to-load-up-css-files-using-javascript */
var insertCSS = function(cssId, path, width) {
	var $ = document;
	if( !$.getElementById(cssId) ) {
		var head  = $.getElementsByTagName('head')[0],
		link  = $.createElement('link');
		link.id	  = cssId;
		link.rel  = 'stylesheet';
		link.type = 'text/css';
		link.href = path;
		link.media = ( width > 0 ? 'only screen and (min-width: ' + width + 'px)' : 'all' );
		head.appendChild(link);
	}
};