Function getMediaQueryWidthResolvers

Returns {
    between: (
        br1: Extract,
        br2?: Extract<keyof TBreakpointsConfig, string>,
    ) => string;
    down: (br: Extract) => string;
    max: (br: Extract) => string;
    min: (br: Extract) => string;
    only: (br: Extract) => string;
    up: (br: Extract) => string;
}

• between: (br1: Extract, br2?: Extract<keyof TBreakpointsConfig, string>) => string

  Media query between the two given breakpoints

• down: (br: Extract) => string

  It behaves similarly to max but you will use the "next" breakpoint, specifying CSS that will apply from the given breakpoint and down.

• max: (br: Extract) => string

  It behaves the same as (max-width: ${value}px) where value is the given breakpoint value. For ease of use this can be used both as a function max("md") and as an object literal max.md.

• min: (br: Extract) => string

  It behaves the same as (min-width: ${value}px) where value is the given breakpoint value. For ease of use this can be used both as a function min("md") and as an object literal min.md.

• only: (br: Extract) => string

  Media query to apply from the given breakpoint until the next, just for its full range

• up: (br: Extract) => string

  It behaves the same as min