grid-tools.js

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("lib",[],t):"object"==typeof exports?exports.lib=t():e.lib=t()}("undefined"!=typeof self?self:this,function(){return function(e){var t={};function o(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,o),r.l=!0,r.exports}return o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)o.d(n,r,function(t){return e[t]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=0)}([function(e,t){var o=document.querySelector("html");document.addEventListener("keypress",function(e){document.activeElement==document.body&&("1"===e.key&&o.classList.toggle("show-grid"),"2"===e.key&&o.classList.toggle("show-containers"),"3"===e.key&&o.classList.toggle("show-columns"),"4"===e.key&&o.classList.toggle("show-block-children"),"5"===e.key&&o.classList.toggle("show-baselines"),"`"===e.key&&(o.classList.toggle("show-containers",!1),o.classList.toggle("show-columns",!1),o.classList.toggle("show-block-children",!1),o.classList.toggle("show-baselines",!1),o.classList.toggle("show-grid",!1)))});var n=document.createElement("div");n.classList.add("grid-overlay");for(var r=0;r<24;r++){var s=document.createElement("div");s.classList.add("grid-overlay__column"),s.appendChild(document.createElement("div")),n.appendChild(s)}document.body.appendChild(n)}])});