Module: deliteful/channelBreakpoints

This module returns an object containing properties that define values for breakpoints of CSS media queries based on screen size:

• smallScreen: defines the screen size limit between phone-like and tablet-like channels.
• mediumScreen: defines the screen size limit between tablet-like and desktop-like channels.

The values of the breakpoints are used by CSS media queries of deliteful/features for setting the has()-flags "phone-like-channel", "tablet-like-channel", and "desktop-like-channel".

The default values of the breakpoints can be configured using require.config(), for instance:

<script>
  // configuring RequireJS
  require.config({
    ...
    config: {
      "deliteful/channelBreakpoints": {
        smallScreen: "280px",
        mediumScreen: "724px"
      }
    }
  });
</script>