Skip to content

Instantly share code, notes, and snippets.

@olee
Forked from vcastroi/css-layout-hack.js
Last active February 23, 2023 01:51
Star You must be signed in to star a gist
Embed
What would you like to do?
// create a bookmark and use this code as the URL, you can now toggle the css on/off
// thanks+credit: https://dev.to/gajus/my-favorite-css-hack-32g3
javascript: (function() {
var styleEl = document.getElementById('css-layout-hack');
if (styleEl) {
styleEl.remove();
return;
}
styleEl = document.createElement('style');
styleEl.id = 'css-layout-hack';
styleEl.innerHTML = '* { background:#000!important;color:#0f0!important;outline:solid #f00 1px!important; background-color: rgba(255,0,0,.2) !important; }\
* * { background-color: rgba(0,255,0,.2) !important; }\
* * * { background-color: rgba(0,0,255,.2) !important; }\
* * * * { background-color: rgba(255,0,255,.2) !important; }\
* * * * * { background-color: rgba(0,255,255,.2) !important; }\
* * * * * * { background-color: rgba(255,255,0,.2) !important; }\
* * * * * * * { background-color: rgba(255,0,0,.2) !important; }\
* * * * * * * * { background-color: rgba(0,255,0,.2) !important; }\
* * * * * * * * * { background-color: rgba(0,0,255,.2) !important; }';
document.body.append(styleEl);
})();
@ta-riq
Copy link

ta-riq commented Sep 8, 2019

can u make qa video of how to use it practically.. I know u r busy. 😵🙌💖😢😢

@gonzalogmn
Copy link

can u make qa video of how to use it practically.. I know u r busy. 😵🙌💖😢😢

https://gist.github.com/vcastroi/e0d296171842e74ad7d4eef7daf15df6#gistcomment-3016688 ;)

@simonewebdesign
Copy link

It works beautifully, thank you!

@martinlechner1
Copy link

Bookmarked...

@ahmadajmi
Copy link

Thank you!

@thinh105
Copy link

thinh105 commented Aug 1, 2020

awesome, thank for that tip

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment