A CodePen by Eric Ritchey. SASS-Based Inline Media Queries

style.css

.storage-meta .storage-status {
	border: 1px solid #333;
	display: inline-block;

	.status-icon { display: none; }

	@media screen and (max-width: $storage-types-step-1) {

		.status-title { display: none; }

		opacity: .5;
		overflow: hidden;
		position: absolute;
		top: -1px;
		right: 0;
		margin: 0;
		width: 20px;
		height: 19px;
		border-left: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		background-color: #aaa;
		border-bottom-left-radius: 4px;

		.status-icon {
			display: block;
			position: relative;
			top: 3px;
			left: 1px;
		}
	}
}

.storage-logo {
	margin: 0 5% 0 0;
	width: 25%;
	max-width: 100px;
	max-height: 100px;
	opacity: .5;
	@include defaultOpacityTransition;
	@media screen and (max-width: $storage-types-step-1) {
		margin: 0 auto 5px;
		width: 75px;
	}
}

.storage-meta {
	width: 70%;
	@media screen and (max-width: $storage-types-step-1) {
		width: 100%;
	}
}