Determine which media query breakpoint you're on

whichquery.sass

body::before
  content: '< 480px'

@media only screen and (min-width: 480px)
  body::before
    content: '480px < 600px'

@media only screen and (min-width: 600px)
  body::before
    content: '600px < 768px'

@media only screen and (min-width: 768px)
  body::before
    content: '768px < 992px'

@media only screen and (min-width: 992px)
  body::before
    content: '992px < 1382px'

@media only screen and (min-width: 1382px)
  body::before
    content: '1382px <'

whichquery.scss

body::before {
  content: "< 480px"; }

@media only screen and (min-width: 480px) {
  body::before {
    content: "480px < 600px"; } }

@media only screen and (min-width: 600px) {
  body::before {
    content: "600px < 768px"; } }

@media only screen and (min-width: 768px) {
  body::before {
    content: "768px < 992px"; } }

@media only screen and (min-width: 992px) {
  body::before {
    content: "992px < 1382px"; } }

@media only screen and (min-width: 1382px) {
  body::before {
    content: "1382px <"; } }