The responsiveStyle function is a convenience for authoring responsive styling rules. It accepts sets of rules for each breakpoint, e.g. mobile, tablet, desktop or wide, and returns them wrapped in the corresponding media query.
As an optimisation, responsiveStyle evaluates the rules mobile-first and omits any redundant rule sets to reduce the overall CSS output.
The returned object must be passed through one of vanilla-extract’s styling apis, e.g. style, to create the actual styles.