Foundation Visibility Classes

visibility-classe.scss

#visibility-classes {
  position: fixed;
	display: block;
	top: 0;
	left: 0px;
	color: #FFF;
	z-index: 1000;
	font-size: 10px;
	span {
		padding: 5px;
	}
	.show-for-small {
		background-color: orange;
	}
	.show-for-medium {
		background-color: red;
	}
	.show-for-large {
		background-color: purple;
	}
	.show-for-xlarge {
		background-color: blue;
	}
}

visibility-classes.html

<div id="visibility-classes">
  <span class="show-for-small">Small - 0px-640px</span>
	<span class="show-for-medium">Medium 641px-1024px</span>
	<span class="show-for-large">Large 1025px-1440px</span>
	<span class="show-for-xlarge">Extra Large 1441px and Up</span>
</div>