JS/CSS Breakpoint Detection

base.scss

body {

  &:after {
    content: 'mobile';
    display: none;

    @include breakpoint($break) {
      content: 'tablet';
    }

    @include breakpoint($break2) {
      content: 'break2';
    }
  }
}

breakpointDetection.js

$(window).bind('resize', function(){
    // grab content from :after pseudo element on body
    var size = window.getComputedStyle(document.body,':after').getPropertyValue('content');

    if ((size.indexOf("break2") !=-1) {
      
    } else if ((size.indexOf("tablet") !=-1)  {

    } else if (size.indexOf("mobile") !=-1){

    } 
}).trigger('resize');