_media-query-order.scss

html::before,
html::after {
	display: none;
}

html::before {
	content: to-string($breakpoints);
}

html::after {
	content: none;
}

@each $breakpoint in $breakpoints {
	$name: nth($breakpoint, 1);

	@include respond-to($name) {
		html::after {
			content: $name;
		}
	}
}