Skip to content

Instantly share code, notes, and snippets.

@volosgoto

volosgoto/Debug CSS

Last active May 30, 2019 07:25
Show Gist options
  • Save volosgoto/4f908296193e8559490cddaf97ec7cb5 to your computer and use it in GitHub Desktop.
Save volosgoto/4f908296193e8559490cddaf97ec7cb5 to your computer and use it in GitHub Desktop.
Download ZIP
Debug CSS
Raw
Debug CSS
/*! debug.css | MIT License | https://gist.github.com/zaydek/6b2e55258734deabbd2b4a284321d6f6 */
// Declaration inside file
<style>
[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;
}
</style>
// Usage
<div debug>Some elements inside</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment