properties
changelog

@env Mixin

Use @env mixin for styling based on environment.

Usage:

.any-class {
	/* direct */
	@env <variant> { ... }
}

Reference

shilp.config.js
const shilpConfig = {
	target: "react",

	mixins: {
		env: {
			variants: {
				// orientation
				tall: "@media (orientation: portrait)",
				wide: "@media (orientation: landscape)",

				// media type
				print: "@media print",
				screen: "@media screen",
			},
		},
	},
};

export default shilpConfig;
data mixinform mixin