An opinionated media query string setting

_settings.scss

// Media query ranges
$small-range: (0em, 40em);
$medium-range: (40.063em, 63.938em);
$large-range: (64em, 89.938em);
$xlarge-range: (90em, 119.938em);
$xxlarge-range: (120em, 99999999em);

// Media query operators
$screen: "only screen";
$landscape: " and (orientation: landscape)";
$portrait: " and (orientation: portrait)";

main.scss

import "settings.scss";