Skip to content

Instantly share code, notes, and snippets.

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

gonzalogmn commented Sep 9, 2019

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

simonewebdesign commented Sep 11, 2019

It works beautifully, thank you!

@martinlechner1
Copy link

martinlechner1 commented Sep 22, 2019

Bookmarked...

@ahmadajmi
Copy link

ahmadajmi commented Nov 6, 2019

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