Skip to content

Instantly share code, notes, and snippets.

@nmsdvid
Created November 19, 2012 19:22
Show Gist options
  • Save nmsdvid/4113054 to your computer and use it in GitHub Desktop.
Save nmsdvid/4113054 to your computer and use it in GitHub Desktop.
Debugging CSS Media Queries
Debugging CSS Media Queries with CSS. Based on the idea by Johan Brook.
article: http://bit.ly/j3BWaw
body.debug::before {
content: "Tablet media query (media query) fired";
font-weight: bold;
display: block;
text-align: center;
background: rgba(255,255,0, 0.9);
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 99;
}
Apply the .debug class to the body element to activate and deactivate the bar.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment