Breakpoints matcher

Breakpoints matcher

breakpoints = {
  sizes: {
      'xs': 480,
      'sm': 768,
      'md': 992,
      'lg': 1200
  },
  upTo: function( to ) {
      var _to = this.sizes[to];
      return 'only screen and (max-width:' + _to + 'px)';
  },
  between: function( from, to ) {
      var _from = this.sizes[from];
      var _to = this.sizes[to];
      return 'only screen and (min-width:' + _from + 'px) and (max-width:' + (_to - 1) + 'px)';
  },
  greaterThan: function( from ) {
      var _from = this.sizes[from];
      return 'only screen and (min-width:' + _from + 'px)';
  }
};