Show which media query you’re using

media-query.less

// Show which media query you’re using

body {
	padding-bottom: 4rem;

	&:after {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		text-align: center;
		background: rgba(0,0,0,0.75);
		color: white;
		font-weight: bold;
		padding: 1rem;

		@media (max-width: @break-point-a) {
			content: "@break-point-a";
		}

		@media (max-width: @break-point-b) {
			content: "@break-point-b";
		}

		@media (max-width: @break-point-c) {
			content: "@break-point-c";
		}

		@media (max-width: @break-point-d) {
			content: "@break-point-d";
		}

		@media (max-width: @break-point-e) {
			content: "@break-point-e";
		}

		@media (max-width: @break-point-f) {
			content: "@break-point-f";
		}

		@media (max-width: @break-point-g) {
			content: "@break-point-g";
		}

		@media (min-width: @break-point-g) {
			content: "> @break-point-g";
		}
	}
}