FEATURES.md

List of features in PostCSS Preset Env

The ID listed is the key for PostCSS Preset Env configuration in your project.

	ID	Feature	example	docs
	all-property	all Property	example	docs
	any-link-pseudo-class	:any-link Hyperlink Pseudo-Class	example	docs
	blank-pseudo-class	:blank Empty-Value Pseudo-Class	example	docs
	break-properties	Break Properties	example	docs
	cascade-layers	CSS Cascade Layers	example	docs
	case-insensitive-attributes	Case-Insensitive Attributes	example	docs
	clamp	clamp Function	example	docs
	color-function	color() Function	example	docs
	color-functional-notation	Color Functional Notation	example	docs
	color-mix	color-mix() Function	example	docs
	content-alt-text	Alt text for content	example	docs
	custom-media-queries	Custom Media Queries	example	docs
	custom-properties	Custom Properties	example	docs
	custom-selectors	Custom Selectors	example	docs
	dir-pseudo-class	:dir Directionality Pseudo-Class	example	docs
	display-two-values	Two values syntax for display	example	docs
	double-position-gradients	Double Position Gradients	example	docs
	exponential-functions	pow(), sqrt(), hypot(), log(), exp() exponential functions	example	docs
	float-clear-logical-values	Logical Values in float and clear	example	docs
	focus-visible-pseudo-class	:focus-visible Focus-Indicated Pseudo-Class	example	docs
	focus-within-pseudo-class	:focus-within Focus Container Pseudo-Class	example	docs
	font-format-keywords	Font format() Keywords	example	docs
	font-variant-property	font-variant Property	example	docs
	gamut-mapping	Gamut mapping for CSS color functions	example	docs
	gap-properties	Gap Properties	example	docs
	gradients-interpolation-method	Gradients Interpolation Method	example	docs
	has-pseudo-class	:has() Relational Pseudo-Class	example	docs
	hexadecimal-alpha-notation	Hexadecimal Alpha Notation	example	docs
	hwb-function	hwb() Function	example	docs
	ic-unit	ic length unit	example	docs
	image-set-function	image-set() Function	example	docs
	is-pseudo-class	:is() Matches-Any Pseudo-Class	example	docs
	lab-function	lab() Function	example	docs
	light-dark-function	light-dark() Function	example	docs
	logical-overflow	Logical Overflow	example	docs
	logical-overscroll-behavior	Logical Overscroll Behavior	example	docs
	logical-properties-and-values	Logical Properties and Values	example	docs
	logical-resize	Logical values in the resize property	example	docs
	logical-viewport-units	Logical Viewport Units	example	docs
	media-queries-aspect-ratio-number-values	Aspect-Ratio number values	example	docs
	media-query-ranges	Media Query Ranges	example	docs
	nested-calc	Nested calc()	example	docs
	nesting-rules	Nesting Rules	example	docs
	not-pseudo-class	:not() Negation List Pseudo-Class	example	docs
	oklab-function	oklab and oklch color functions	example	docs
	opacity-percentage	Support for percentages for opacity	example	docs
	overflow-property	overflow Shorthand Property	example	docs
	overflow-wrap-property	overflow-wrap Property	example	docs
	place-properties	Place Properties	example	docs
	prefers-color-scheme-query	prefers-color-scheme Media Query	example	docs
	random-function	random() function	example	docs
	rebeccapurple-color	rebeccapurple Color	example	docs
	relative-color-syntax	Relative Colors	example	docs
	scope-pseudo-class	:scope() Reference Element Pseudo-class	example	docs
	sign-functions	abs() and sign() functions	example	docs
	stepped-value-functions	round(), mod() and rem() functions	example	docs
	system-ui-font-family	system-ui Font Family	example	docs
	text-decoration-shorthand	text-decoration shorthand	example	docs
	trigonometric-functions	sin(), cos(), tan(), asin(), acos(), atan() and atan2() functions	example	docs
	unset-value	unset Keyword	example	docs

---

Manually enable a feature :

postcssPresetEnv({
	features: {
		'<ID>': true
	}
})

Or disable one :

postcssPresetEnv({
	features: {
		'<ID>': false
	}
})

Set feature options :

postcssPresetEnv({
	features: {
		'<ID>': {
			preserve: false
		}
	}
})