Skip to content

Instantly share code, notes, and snippets.

@keithdevon
Last active March 27, 2018 09:55
Show Gist options
  • Save keithdevon/278880b0c7026675687701e156386c73 to your computer and use it in GitHub Desktop.
Save keithdevon/278880b0c7026675687701e156386c73 to your computer and use it in GitHub Desktop.
Updated _layout.scss file to output all Neat grid settings at each breakpoint
/*
* Layout debugging display
*/
body {
&.env--local {
.site-wrapper {
&:after {
content: 'default';
position: fixed;
bottom: $base-spacing;
right: $base-spacing;
display: block;
padding: .5em 1em;
color: white;
background-color: $highrise-green;
z-index: 99999;
$breakpoints: $mobile-wide, $small-screen, $medium-screen, $large-screen, $xl-screen;
@each $breakpoint in $breakpoints {
@include grid-media($breakpoint) {
content: '#{$breakpoint}';
}
}
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment