Skip to content

Instantly share code, notes, and snippets.

@devzom
Last active November 17, 2020 14:59
Show Gist options
  • Save devzom/6b037a1e219b0e233f34fbc639fc6f49 to your computer and use it in GitHub Desktop.
Save devzom/6b037a1e219b0e233f34fbc639fc6f49 to your computer and use it in GitHub Desktop.
CSS: debugging -> debug attribute for html element with overlays
/*! debug.css | MIT License |
Jakub Zomerfeld
/* Instruction:
just add an 'debug' attribute to main html element ex.
<div id="#app" debug>
</div>
*/
[debug], [debug] *:not(g):not(path) {
color: hsla(210, 100%, 100%, 0.9) !important;
background: hsla(210, 100%, 50%, 0.5) !important;
outline: solid 0.25rem hsla(210, 100%, 100%, 0.5) !important;
box-shadow: none !important;
filter: none !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment