Cacher is the code snippet organizer for pro developers

/* ==========================================================================
   Reliably get viewport dimensions

   Notes:
   relies on position:fixed support, but it should work in browsers that
   partially support position: fixed like iOS4 and such...

   Usage:
   * $('.spotlight').css( getViewportDimensions() );
   * $('.spotlight').css('height', getViewportDimensions().height);
   * var viewportwidth = getViewportDimensions.width;
   ========================================================================== */
const getViewportDimensions = () => {
		var test = document.createElement( "div" );

		test.style.cssText = "position: fixed;top: 0;left: 0;bottom: 0;right: 0;";
		document.documentElement.insertBefore( test, document.documentElement.firstChild );

		var dims = { width: test.offsetWidth, height: test.offsetHeight };
		document.documentElement.removeChild( test );

		return dims;
	};