css-layout-hack.js

css-layout-hack.js

// ref: https://gist.github.com/vcastroi/e0d296171842e74ad7d4eef7daf15df6
(function() {
  const element = document.querySelector('#test-layout-styles');
  if (element) {
    document.head.removeChild(element);
  } else {
    const style = document.createElement('style');
    style.id = 'test-layout-styles';
    style.innerHTML = `
          * {
            background-color: rgba(255,0,0,.07) !important;
            outline: 1px solid #999;
            color: black !important;
          }
          * * { background-color: rgba(255,0,255,.07) !important; }
          * * * { background-color: rgba(0,255,255,.07) !important; }
          * * * * { background-color: rgba(255,255,0,.07) !important; }
          * * * * * { background-color: rgba(0,255,0,.07) !important; }
          * * * * * * { background-color: rgba(0,0,255,.07) !important; }
          * * * * * * * { background-color: rgba(255,0,0,.07) !important; }
          * * * * * * * * { background-color: rgba(255,255,0,.07) !important; }
          * * * * * * * * * { background-color: rgba(0,255,255,.07) !important; }
          * * * * * * * * * * { background-color: rgba(0,0,255,.07) !important; }
          * * * * * * * * * * * { background-color: rgba(0,255,0,.07) !important; }
          * * * * * * * * * * * * { background-color: rgba(255,255,0,.07) !important; }
          * * * * * * * * * * * * * { background-color: rgba(255,0,0,.07) !important; }
    `;
    document.head.appendChild(style);
  }
})();