Home > @css-hooks/recommended > BreakpointsToMediaQueries

BreakpointsToMediaQueries type

This utility type converts a list of breakpoints into a list of media queries.

Signature:

export type BreakpointsToMediaQueries<Breakpoints extends string[]> =
  UnionToIntersection<
    BreakpointsToMediaQueriesImpl<Breakpoints>[number] extends infer Q
      ? StringToHook<Q>
      : never
  >;

References: UnionToIntersection, BreakpointsToMediaQueriesImpl, StringToHook