Bootstrap 4 breakpoint checker

Bootstrap 4 breakpoint checker

body:after {
	content: 'xs';
	display: block;
	padding: 5px 10px;
	position: fixed;
	z-index: 9999;
	right: 0;
	top: 0;
	color: black;
	background: lightgray;
}

@include media-breakpoint-up(sm) {
	body:after {
		content: 'sm';
		background: hotpink;
	}
}

@include media-breakpoint-up(md) {
	body:after {
		content: 'md';
		background: purple;
	}
}

@include media-breakpoint-up(lg) {
	body:after {
		content: 'lg';
		background: greenyellow;
	}
}