Skip to content

Instantly share code, notes, and snippets.

@fisknils
Last active May 22, 2019 08:00
Show Gist options
  • Save fisknils/243ac1e5f2a1748e7ee500c03d645d3f to your computer and use it in GitHub Desktop.
Save fisknils/243ac1e5f2a1748e7ee500c03d645d3f to your computer and use it in GitHub Desktop.
CSS Debug helper
/*
Visualizing your page elements for CSS debugging purposes
Source: https://medium.freecodecamp.org/heres-my-favorite-weird-trick-to-debug-css-88529aa5a6a3
*/
.cssdebug, .cssdebug * {
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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment