Sharing CSS breakpoints with JavaScript - Demo JavaScript

bpExport.demo.js

$(function() {
  
  bodyBP = bpExport.breakpoint('body');
  bodyBP.onChange(function(bp) {
    $('.my-site-breakpoint').html(bp);
  });
  
  myDivBP = bpExport.breakpoint('.my-div');
  myDivBP.onChange(function(bp) {
    $('.my-div-breakpoint').html(bp);
  });
  
  myDivBP.onChange(function(bp) {
    if (bp === "just-right") {
      $('.my-color-div').css('background-color', '#0000ff');
    } else {
      $('.my-color-div').css('background-color', '#ff0000');
    }
  });

});