Aliases for the resolution mixin

[meduzen]

Along the resolution mixins could be added mixins that’d generate the same output but only using the ddpx unit (for when IE/Safari support isn’t needed) or only the dpi unit (e.g. for print stylesheets).

Now

Declaration

@include --resolution-from('1x', 1);

is like declaring:

@custom-media --resolution-from-1x (resolution >= 1dppx, resolution >= 96dpi)

Usage

@media (--resolution-from-1x) {}

generates:

@media (min-resolution: 1dppx), (min-resolution: 96dpi) {}

New mixins proposal

Declaration

@include --dpi-is('hq-t-shirt', 380);

is like declaring:

@custom-media --dpi-tshirt-hq (resolution: 380dpi)

Usage

@media (--dpi-tshirt-hq) {}

generates:

@media (resolution: 380dpi) {}

(And same logic with ddpx.)

[meduzen]

Additional suggestion: also add support for dpcm.

[meduzen]

Alternative: along the suggestion in the previous messages, a setting could contain a list of wanted units (e.g. $resolution-units: dpi, dppx;.