Skip to content

Instantly share code, notes, and snippets.

@CHEWX
Created March 31, 2017 15:25
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 CHEWX/8b19b0c82c1440b942399640dee132af to your computer and use it in GitHub Desktop.
Save CHEWX/8b19b0c82c1440b942399640dee132af to your computer and use it in GitHub Desktop.
Foundation Responsive Design Helper
.rwd-helper {
position: fixed;
bottom: 0;
right: 0;
width: 100%;
height: 25px;
background: black;
color: white;
line-height: 25px;
text-align: center;
text-transform: uppercase;
font-size: 12px;
&:before {
@each $breakpoint in $breakpoints {
@include breakpoint( $breakpoint ) {
content: '#{$breakpoint} up';
}
}
}
}
<div class="rwd-helper"></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment