Skip to content

Instantly share code, notes, and snippets.

@frontendbeast

frontendbeast/gist:f86b4ef0837d6ed41e2c

Last active August 29, 2015 14:02
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save frontendbeast/f86b4ef0837d6ed41e2c to your computer and use it in GitHub Desktop.
Save frontendbeast/f86b4ef0837d6ed41e2c to your computer and use it in GitHub Desktop.
Download ZIP
Quick realtime view of the current breakpoint
Raw
gistfile1.sass
body:after {
content: 'XS';
@include respond-min($mq--sm) {
content: 'SM';
}
@include respond-min($mq--md) {
content: 'MD';
}
@include respond-min($mq--lg) {
content: 'LG';
}
/* Stick it where you like, however you like */
position: absolute;
bottom: 0;
right: 0;
background-color: #000;
color: #FFF;
line-height: 0.9;
padding: 0.25rem;
}
@frontendbeast
Copy link
Author

The mixin referenced is from http://jakearchibald.github.io/sass-ie/ but could just as easily be a plain old media query.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment