Skip to content

Instantly share code, notes, and snippets.

@keithdevon
Last active March 27, 2018 09:53
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save keithdevon/3bb26983e5101054499efedf4261e4e8 to your computer and use it in GitHub Desktop.
Save keithdevon/3bb26983e5101054499efedf4261e4e8 to your computer and use it in GitHub Desktop.
Adds breakpoint debugging output when using Neat 2 grid system
/*
* Layout debugging display
*/
body {
&.env--local {
&:after {
content: 'default';
position: fixed;
bottom: 0;
right: 0;
display: block;
padding: .5em 1em;
color: white;
background-color: red;
@include grid-media($small-screen) {
content: '$small-screen';
}
@include grid-media($medium-screen) {
content: '$medium-screen';
}
@include grid-media($large-screen) {
content: '$large-screen';
}
@include grid-media($xl-screen) {
content: '$xl-screen';
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment