mq-scss

Automatically adjusts pixel values (e.g., min-width 600px outputs as 601px) to prevent conflicts, as shown in the basic usage examples, making queries more reliable.

Allows defining named media query variables (e.g., $MQ-element__color--main) for better organization and maintainability, enabling single-point updates across stylesheets.

Supports 'or' statements for disjunctive conditions and 'plus' (AND) statements for conjunctive logic, enabling complex media query construction beyond plain CSS.

Enables aspect-ratio and device-aspect-ratio media queries with string values (e.g., '2 / 1'), useful for full-screen responsive layouts, as detailed in the ratio-based section.

Offers debug mode to output detailed console logs for troubleshooting query construction, which can be enabled locally or globally, as explained in the Debug section.